/feather-icon-web-component

A simple web component for Feather Icons.

Primary LanguageJavaScript

Feather Icons Web Component

A super simple web component for Feather Icons

CDN - jsDelivr Replit - Demo

Usage

  • Copy the CND link above
  • Slap it into the src of your <script> tag.
  • Create your <feather-icon> tag
  • Profit

Attributes

icon - name of the icon you'd like to use. For a full list, check out Feather Icons.

width - in pixels.

height - in pixels.

color

Example

<feather-icon
    icon="github"
    width="50"
    height="50"
    color="slateblue"
></feather-icon>

Build Your Own

Prereqs

  • npm

esbuild

npm run build

npm run dev