Feather icons

Feather SVG icons for React.
To search an icon, see https://feathericons.com

Install

yarn add @jollie/feather-icons

or

npm install @jollie/feather-icons

Usage

import React from 'react';
import { IconFeather, IconHeart, IconTrash } from '@jollie/feather-icons';

// Sizing
const FeatherXL = () => <IconFeather size="xl" />;
const Feather256 = () => <IconFeather size={256} />;

// Fill & stroke
const Heart = () => <IconHeart fill="red" />;
const FatIcon = () => <IconFeather strokeWidth={5} />;

// Colors
const DeleteButton = () => <IconTrash style={{ color: 'red' }} />;

// Tailwindcss
const IconTailwindClass = () => <IconTrash className="text-red-700" />;

// Example import all icons
import React from 'react';
import * as Feather from '@jollie/feather-icons';

const DeleteButton = () => <Feather.IconTrash style={{ color: 'red' }} />;
const EditButton = () => <Feather.IconEdit style={{ color: 'red' }} />;

Params

| Prop | Type | Default | |:-------------|:----------------------|:--------------------------------------| | size | string or integer | base predefined size or pixel value | | strokeWidth| integer | 2 | | fill | string | none |

Predefined sizes

xs sm base lg xl 2xl 3xl 4xl 5xl