SVG icons commonly used in web development projects implemented as React components featuring:
- standardized props
- common default size
- currentColor fill and/or stroke as applicable
-
aria-hidden="true"applied by default - forward refs for easy integration
- sized using tailwindcss utilities instead of hardcoded svg attributes
- spread props to support all standard svg element attributes
The default tailwind styles are overridable by simply providing a className prop to override them thanks to tailwind-merge.
Common social media company icons are also included in this package; these icons may not meet the same consistent criteria as the rest of the icons in this package.
The original SVG source of each component is noted in JSDoc comment.
Many of the icons in this set are from Lucide (https://lucide.dev/) while others might be from other sources.
Standardizing icons to a stable internally-controlled package also helps avoid UI jank or breaking changes with revisions to the icon set.
Intended to be used in conjunction with @bitcurve/flint-tailwind (a peer dependency) and alongside @bitcurve/flint-react-core and/or @bitcurve/flint-react-ui.
Lucide releases their icons under the ISC license (https://lucide.dev/license).
All SVG sources credited to third parties including Lucide are distributed under the terms of their original license and they not covered or included within the scope of this package's license which may be different.
Corporate social media icons and the respective copyrights are owned by their respective companies.