Icons made for Bitcoin applications, free to use.

Related tags

design bitcoin ux icons
Overview

bitcoinicons.com

This repo holds the soure code for bitcoinicons.com, the website for the Bitcoin icons project by the Bitcoin Design Community.

It's currently hosted under my Github profile, but should be moved to the Bitcoin Design Github organization once it's not so rough.

Contributions are highly appreciated. Design changes should first be discussed in design before implementing them. The source design for the site is in the Bitcoin icon set Figma community file on the "Website" page.

Updating icons

When icons change, two things need to be done for this repo.

  • Update src/data/icons.json
  • Update SVGs in public/svg

Both the JSON file and the SVGs are generated automatically via the export helper Figma plugin. The plugin creates a new page in the main Figma icon file with export-ready icons and the content of the JSON file in a text field.

Before committing, make sure to run the site locally first and double-check that everything looks good. It's easy to miss something.

Local development

It's possible to use just npm, I prefer using Vue UI, as it provides a visual interface for local development.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Issues
  • Added favicon.

    Added favicon.

    Added below favicon:

    image

    "B" has a white fill for dark themed browsers.

    opened by Bosch-0 0
  • Offer more download options

    Offer more download options

    It should be more convenient to download all icons, or only specific icons.

    • "Download all" button
    • Download option for single icons in the overlay
    • Possibly as SVG sprite sheet and icon font

    This needs to be synced with the download options in the main icons repo.

    enhancement 
    opened by GBKS 0
  • Organize icons by category

    Organize icons by category

    Should match the categories laid out in Figma.

    Goal is primarily so it's easier to pick out Bitcoin-specific icons that visitors may want to download individually.

    enhancement 
    opened by GBKS 0
Owner
Christoph Ono
UX designer focused on bitcoin.
Christoph Ono
Font Awesome 5 Vue component

vue-fontawesome Font Awesome 5 Vue component using SVG with JS Vue 3 is just around the corner! If you have been using 0.1.x of vue-fontawesome, you c

Fort Awesome 2.1k Jun 12, 2021
Cryptocurrency icons for your next Vue project

vue-cryptoicon Beautiful pixel perfect 400+ cryptocurrency and 10+ Fiat currency icon, in a range of styles and sizes Demo Install NPM Installing with

Manish Kumar 60 Jun 2, 2021
1000+ Pixel-perfect svg icons for your next project as Vue components

This repo is for use in Vue 2. Repo for Vue 3 there. 1000+ Pixel-perfect svg unicons for your next project as Vue components Supporting Vue Unicons is

Anton Reshetov 857 Jun 13, 2021
A Vue component for including inline SVG icons from different popular icon packs easily.

Oh, Vue Icons! English | 中文说明 A Vue component for including inline SVG icons from different popular icon packs easily. Features Tree-shakable, which a

Xiaohan Zou 86 Jun 5, 2021
Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.

Vue-Awesome Awesome SVG icon component for Vue.js, with built-in Font Awesome icons. ???? 中文版 Vue-Awesome an SVG icon component for Vue.js, with built

GU Yiling 2.3k Jun 13, 2021
CoreUI Icons for Vue.js. Dedicated component used to implement CoreUI Icons SVG set in Vue.js.

CoreUI Icons Vue CIcon component Dedicated component used to implement CoreUI Icons SVG set in Vue.js. Features Can load icons in three ways: stored g

CoreUI 9 Nov 18, 2020
Svg icons for VueJS.

These instructions will get you a copy of the component up and running on your local machine.

Mehmet Sağır 22 Jun 4, 2021
Fully customizable free SVG icons made as Vue components.

Tabler Icons as Vue components Live preview tool Preview icons </p> Installation yarn add vue-tabler-icons # or npm i vue-tabler-icons Usage <scrip

Alex Oleshkevich 23 May 26, 2021
A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue functional components.

vue-hero-icons A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue functional components. Demo: https://vu

Mathieu Schimmerling 64 Jun 2, 2021
Material Design Icons as Vue Single File Components

Vue Material Design Icon Components This library is a collection of Vue single-file components to render Material Design Icons, sourced from the Mater

Rob Cresswell 79 Jun 3, 2021
A library of free open source icons for science illustrations in biology and chemistry

Bioicons is a free library of open source icons for scientific illustrations using vector graphics software such as Inkscape or Adobe Illustrator.

Simon Duerr 170 Jun 13, 2021
Is a pack of more than 480 beautiful open source Eva icons as Vue components

Vue Eva Icons Is a pack of more than 480 beautiful open source eva icons as Vue components Demo https://antonreshetov.github.io/vue-eva-icons Install

Anton Reshetov 192 May 14, 2021
Material design icons by Google for Vue.js & Nuxt.js (server side support & inline svg with path)

Material Design Icons by Google for Vue.js & Nuxt.js (inline SVG with path) This library should grant an easy-to-use interface to icons from Material

Alexander Belov 14 Oct 9, 2020
A Vue.js plugin/component to help you manage your icons seamlessly

GraphIcon A Vue.js plugin/component to help you manage your icons seamlessly Installation npm install graphicon or yarn add graphicon Usage Install th

Honoré Nintunze 12 Jul 28, 2020