Skip to content

How to Use SVG Icons in React, Next.js, and Vue

Select the React TSX or Vue 3 tab on any icon page to copy a ready-to-use component. The exported code uses currentColor so your icon automatically matches your Tailwind CSS or CSS text color classes.

Verified facts about this site

  • Export formats: Optimized SVG, PNG, WebP, React TSX, Vue 3 SFC, Svelte, CSS mask or data URI, SVG sprite
  • Raster export sizes: 64px, 128px, 256px, 512px, 1024px, 2048px
  • Workspace upload cap per file: 2 MB
  • License and author are documented on every icon page.

Related pages on SVG Nexus

← Practical SVG Guides and Tutorials

Type to search 76,166 vector icons...

Navigate | Enter Open Explore All Icons

Compare

Icon Source and License

License Commercial use Attribution Modify or recolor
MITAllowedNotice in bundleAllowed
ISCAllowedNotice in bundleAllowed
Apache-2.0AllowedRequired with notice fileAllowed
CC BY 4.0AllowedCredit requiredAllowed
CC-BY-SA-4.0AllowedShareAlikeShareAlike
Trademark / BrandReferential use onlyOwner guidelinesRestricted

Icon Preview