How to use Nuqta Icons as SVG on any website

Every icon page has a Copy SVG and a Download SVG button. The Stroke style is free, so you can use it anywhere without an account.

Paste it inline

Inline SVG uses currentColor, so the icon takes the text color of its parent:

<a class="link" href="/book">
  <svg viewBox="0 0 24 24" width="20" height="20">…</svg>
  Book a call
</a>

.link { color: #3D5AFE; }

Use it as an image

<img src="https://nuqtaicons.com/svg/calendar.svg" width="24" height="24" alt="Calendar">

As an image the icon can't follow your text color, so inline is better for buttons and links.

Website builders

Animated SVG

With Pro, the icon editor exports animated SVG that plays in any browser, plus MP4, WebM and GIF for video and slides.

More guides

Get started

105K+ icons, ready for your next screen.

13,218 Stroke icons are free. Pro unlocks all 105,744, animation and every package.

Browse iconsSee pricing