All Projects → feathericons → elm-feather

feathericons / elm-feather

Licence: BSD-3-Clause license
Feather icons for elm

Programming Languages

elm
856 projects

Projects that are alternatives of or similar to elm-feather

vue-feather-icon
No description or website provided.
Stars: ✭ 109 (+49.32%)
Mutual labels:  svg-icons
vue-svg-icon-loader
Turn SVG files into VueJS Components
Stars: ✭ 24 (-67.12%)
Mutual labels:  svg-icons
icons
a collection of custom icons for use with the notion-enhancer's "icon sets" integration
Stars: ✭ 29 (-60.27%)
Mutual labels:  svg-icons
react-svg-icon-generator
Generate React Icon Component from SVG icons to show, resize and recolor them.
Stars: ✭ 65 (-10.96%)
Mutual labels:  svg-icons
md-svg-vue
Material design icons by Google for Vue.js & Nuxt.js (server side support & inline svg with path)
Stars: ✭ 14 (-80.82%)
Mutual labels:  svg-icons
lunar-icons
A set of beautiful handcrafted SVG icons.
Stars: ✭ 18 (-75.34%)
Mutual labels:  svg-icons
Vectorlogozone
3,000+ gorgeous SVG logos, perfect for your README or credits page
Stars: ✭ 239 (+227.4%)
Mutual labels:  svg-icons
acf-icon-picker
Creates an icon picker ACF field
Stars: ✭ 79 (+8.22%)
Mutual labels:  svg-icons
svgpack
A tool for generating and managing SVG Sprites.
Stars: ✭ 28 (-61.64%)
Mutual labels:  svg-icons
react-ratings-declarative
A customizable rating component for selecting x widgets or visualizing x widgets
Stars: ✭ 41 (-43.84%)
Mutual labels:  svg-icons
vue-tabler-icons
Fully customizable free SVG icons made as Vue components.
Stars: ✭ 142 (+94.52%)
Mutual labels:  svg-icons
flexicon
SVG icon collection.
Stars: ✭ 23 (-68.49%)
Mutual labels:  svg-icons
minidenticons
Super lightweight SVG identicon (icon avatar) generator
Stars: ✭ 89 (+21.92%)
Mutual labels:  svg-icons
sass-inline-svg
Inline url-encoded SVG with Sass. Optional variable string replacement included!
Stars: ✭ 21 (-71.23%)
Mutual labels:  svg-icons
flagpack
A lightweight flag icon toolkit for the web.
Stars: ✭ 51 (-30.14%)
Mutual labels:  svg-icons
Font Awesome
The iconic SVG, font, and CSS toolkit
Stars: ✭ 66,937 (+91594.52%)
Mutual labels:  svg-icons
bookmarks
Bookmarks that I ❤️
Stars: ✭ 151 (+106.85%)
Mutual labels:  svg-icons
font-gis
Icon font and SVG for use with GIS and spatial analysis tools
Stars: ✭ 121 (+65.75%)
Mutual labels:  svg-icons
edent.tel
A semantic contact page built around SVG
Stars: ✭ 28 (-61.64%)
Mutual labels:  svg-icons
webpack-svg-sprite-sample
a webpack SVG sprite sample when using Vue and React
Stars: ✭ 19 (-73.97%)
Mutual labels:  svg-icons

Feather icons for elm

Embeddable svg icons by https://feathericons.com/

Usage

There are two ways of using feather icons in your project. One is friction-free when you don't mind adding a dependency which will include full set of svg icons. Another is more optimal in terms of resulting build size, allowing you to pick a selection of svg functions without depending on this package (perhaps this is obsolete with unused code elimination added from elm 0.19, so go ahead and just add dependency).

If you are building an app, then the best option for you is the first one, just install dependency.

If you are building a library and counting every byte, then you might want to go with lighter version and to use only a limited selection of icons you really need.

As elm package

Install

elm install feathericons/elm-feather

Import

import FeatherIcons

Use

FeatherIcons.chevronsLeft
    |> FeatherIcons.toHtml []

As selection of functions

In case if you just want subset of icons or don't want additional dependency

  1. Visit https://1602.github.io/elm-feather-icons/
  2. Select icons you need
  3. Grab generated code

Demo

https://gyazo.com/fa2022e0ff6fae010070e20f2e55f71b

Contribution

This package semi-automatically generated using https://github.com/1602/elm-feather-icons as builder and https://github.com/feathericons/feather as source.

Roadmap

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].