300 free healthcare, medicine & fitness SVG icons for React and Tailwind CSS, in outline, twotone, bold and bulk. 75 icons, each available in four styles. Copy any of them as SVG or a tree-shakeable React component.
Yes. All 8,584 icons are free SVG icons for commercial and personal React projects, including Tailwind CSS apps, with no account, seat count or licence key. Read the licence for the artwork terms.
Yes. There is one free SVG icon library and every icon ships in outline, twotone, bold and bulk. There is no paid tier. Each icon still records its own freeStyles and proStyles in icons.json, and proStyles is empty for all 2,146 icons.
They are four separate drawings of the same subject, not one drawing transformed four ways. Outline is the reference drawing, full linework at 1.5px. Twotone keeps that exact linework and drops its secondary strokes to half tone. Bold has no strokes at all: it is one filled form cut with even-odd holes. Bulk is filled with its secondary mass at half tone. A set that generates fills by thickening a single stroke path cannot produce a bold form with real interior cutouts or a genuine two-tone hierarchy, which is why most single-stroke sets ship one style.
Open any icon page and use the snippet tabs under the preview. There are seven: React, Vue, Svelte, React Native, SVG, CDN and CSS. The SVG tab is the literal file contents, ready to paste into a template or into Figma. Each tab copies to the clipboard in one click, and the snippet reflects the size, colour and stroke width you set on the preview, so what you copy is what you saw.
Install @devigner-ui/icons, then import the single icon you need: import { IconWallet } from "@devigner-ui/icons". Render it as <IconWallet className="size-6" />. Strokes and fills are currentColor, so Tailwind text utilities colour it and size utilities size it, with no icon-specific CSS. Pass variant="TwoTone", "Bold" or "Bulk" for the other drawings, and strokeWidth to change the 1.5px default on outline and twotone. Imports are per-icon, so bundlers tree-shake the rest of the set away.
Yes. @devigner-ui/icons-vue, @devigner-ui/icons-svelte and @devigner-ui/icons-react-native ship the same 8,584 drawings with the same per-icon component names and the same variant prop. @devigner-ui/icons-svg ships the raw SVG files, and those are also served over the jsDelivr CDN if you would rather reference a URL than install anything.
Copy the SVG tab on the icon page, then paste straight onto the Figma canvas: Figma parses pasted SVG markup into a real vector layer with its paths intact. Because the drawings use currentColor, the pasted layer arrives in one flat colour you then set in Figma, and outline and twotone keep their strokes as strokes rather than as outlined shapes.
Those roughly 35 icons reproduce third-party trademarks, and nothing in this licence grants any right to them. Each owner's brand guidelines govern instead. Referring to a company using its own mark is usually fine; using it in your own branding or in a way that implies endorsement is not.