Finicon

The leading icon library for fintech applications.

Features

• 🎨 600+ curated icons across stock, ticker, trade, fund, currency, asset, account, basic,community and region
• 🎯 Customizable size, color, and stroke width
• ⚛️ React, React Native, and Vue 3 support
• 📥 Export as SVG or PNG, or copy as SVG / Data URL

Installation

Choose your package manager:

# npm
npm install finicon

# pnpm
pnpm add finicon

# yarn
yarn add finicon

# bun
bun add finicon

Vue 3

# npm
npm install finicon-vue

# pnpm
pnpm add finicon-vue

# yarn
yarn add finicon-vue

# bun
bun add finicon-vue

Usage

React

import { Activity } from "finicon";

export default function App() {
  return <Activity color="currentcolor" width={24} height={24} strokeWidth={2} />;
}

React Native

import { Activity } from "finicon/native";

export default function App() {
  return <Activity color="currentcolor" width={24} height={24} strokeWidth={2} />;
}

Vue 3

<script setup>
import { Activity } from "finicon-vue";
</script>

<template>
  <Activity :size="24" color="currentcolor" :stroke-width="2" />
</template>

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | number \| string | 24 | Icon width and height | | color | string | currentColor | Stroke color | | strokeWidth | number \| string | 2 | Stroke width | | absoluteStrokeWidth | boolean | false | Keep stroke width constant regardless of scale |

License

MIT