Free and open source

6,257 free icons drawn on one 24px grid for every interface .

Every icon is MIT licensed and ready to copy as SVG, React, Vue, Svelte or a webfont, in outline and 1,054 filled variants. No account needed.

Press / to search. Click any icon to open it, copy it or download it.

Showing 1–94 of 5,203 icons

Why Tabler Icons

Made for the way you build

One consistent set, from a 16px toolbar button to a 48px empty state.

C

Open an icon and press C to copy its SVG, or switch to React, Vue or Svelte code instead.

Set the stroke from 1 to 2.5px and every outline icon redraws on the same grid.

Install one package and import only the icons you use. Unused icons never reach your bundle.

MIT licensed, so you can use every icon in personal and commercial work.

Install

Pick your framework, install the package, and import icons by name.

App.jsx

$ npm install @tabler/icons-react

import { IconHeart } from '@tabler/icons-react';

<IconHeart size={24} stroke={2} />

App.vue

$ npm install @tabler/icons-vue

import { IconHeart } from '@tabler/icons-vue';

<IconHeart :size="24" :stroke="2" />

App.svelte

$ npm install @tabler/icons-svelte-runes

import { IconHeart } from '@tabler/icons-svelte-runes';

<IconHeart size={24} stroke={2} />

index.html

$ npm install @tabler/icons-webfont

@import '@tabler/icons-webfont/dist/tabler-icons.min.css';

<i class="ti ti-heart"></i>

icon.svg

$ npm install @tabler/icons

import heart from '@tabler/icons/outline/heart.svg';