6,600+ icons. Free. Animated. Yours.

Outline and filled SVG icons with motion, tone, and effect presets. MIT licensed, no sign-up.

Open the studioBrowse the library
Varial Icons
40 icons
Icons
6,668
Outline
5,615
Filled
1,053
Brands and flags
681

The whole library. Search it.

Every icon, every category. Click one to preview, copy, or download it.

6,668 icons

Motion built in. 20 presets.

Draw, spring, bounce, ring, and more. Hover a tile to replay it.

Tones and effects.

Liquid glass, holo foil, chrome, neon, riso, real halftone and Bayer dither, and more. Every one is real SVG, clipped to the glyph, and keeps moving when you export it.

  • 8 tones
  • 36 effects
  • Your own colors
  • Portable SVG filters
Try them in the studio
Effects
Liquid Glass
Holo
Chrome
Neon
Risograph
Halftone
Dither
Inflate
Sticker
Glitch
Paper
CRT

Every shelf covered. 15 categories.

Interface3,516Objects921Brands410Content401Motion383Flags271Commerce208Media189Developer171Tool94Layout47Path18Type15Stroke14Brush9

Drop them into code. One import each.

Render a string, mount in the browser, or use the Vue component.

import { renderIconSvg } from '@varial/icons'

// A plain SVG string for HTML, SSR, or Markdown
const svg = renderIconSvg('sparkles', {
  size: 24,
  expression: 'draw',
  tone: 'gradient',
})
  • String rendererPlain SVG for HTML, SSR, or Markdown.
  • Vue componentOne tag, with motion and tone as props.
  • Search APIBuild your own picker on the same index.
  • On npm soonDownload SVGs from the studio today.

MIT licensed.

Use them in client work, apps, and products. Keep the license notice with the package if you ship it.

  • Varial originalsMade by Varial.
  • Interface and object iconsBased on Tabler Icons, MIT.
  • FlagsBased on flag-icons, MIT.

Also in the runtime. Ours, top to bottom.

  1. Varial UI130 components and six product kits, themed in minutes.
  2. ChartsThirty-three chart families that look like your product.
  3. SpatialWeb pages made of paper, cloth, metal, and glass.
  4. MotoMotion that ships as code, not as a video.

Good questions. Short answers.

Are the icons free?

Yes. They are MIT licensed, so you can use them in personal and commercial work.

Do I need an account?

No. Search, style, and download from the studio without signing in.

What formats can I get?

Clean SVG. Copy the markup or download the file.

Can I animate them in my own app?

Yes. The motion presets are part of the SVG and CSS the package renders, with reduced-motion support.

Are they in Varial Design?

Yes. The same library is used across Varial apps.

Find your icon.

Search, style, and download in seconds.

Open the studioTry Varial Design