Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pughpugh/automotive-icons
Icon fonts for an automotive app
https://github.com/pughpugh/automotive-icons
Last synced: about 2 months ago
JSON representation
Icon fonts for an automotive app
- Host: GitHub
- URL: https://github.com/pughpugh/automotive-icons
- Owner: pughpugh
- Created: 2020-06-06T16:38:56.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-02-03T22:20:38.000Z (almost 2 years ago)
- Last Synced: 2024-10-28T16:57:03.760Z (about 2 months ago)
- Language: HTML
- Size: 822 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Automotive Icon Fonts
Icon fonts for an automotive app
![Automotive Icon Fonts](automotive-icons.png?raw=true)
## Usage
Install
```bash
npm install automotive-icons
```Import the css or include it in some other fashion.
```javascript
import "automotive-icons/build/automotive.css";
```Icon names are prefixed with `automotive`.
```html
```## build
All highly specific to OSX
### Setup
Install [Sketch](https://www.sketch.com/)
Install `npm install fantasticon`
### Editing Icons
Edit `Automotive Icons.sketch`.
Icons generally need to be contructed from paths. Shapes can be converted with "Convert to Outlines".
### Building fonts
This script will export all icons from the sketch file as svg and then convert to icon-fonts.
It will also update any preview files/images.```bash
./bin/build.sh
```Preview the output with
```
open ./build/automotive.html
```