Solar Icons v2 is in beta. APIs may change before the stable release. Report issues
Solar Icons
Migration to v2

Icon Renames

Icons renamed in v2. Old names are no longer exported.

V2 removed 36 icon names without keeping deprecated aliases. Code that imports one of the old names will fail to compile.

Renames from issue #493

These were typos and inconsistent naming in the Figma source, fixed in V2.

Old nameNew name
plainplane
plain-2plane-2
plain-3plane-3
file-favouritefile-favorite
folder-favourite-starfolder-favorite-star
folder-favourite-bookmarkfolder-favorite-bookmark
gallery-favouritegallery-favorite
map-point-favouritemap-point-favorite
magic-stickmagic-wand
magic-stick-2magic-wand-2
magic-stick-3magic-wand-3
weigherscale
sort-by-alphabetsort-alphabetically
wad-of-moneymoney-roll
globusglobe
trellisvanity
accumulatorcar-battery
bell-bingbell-ring

Renames from the V2 backward-compat shim

These were deprecated aliases in V2 (@deprecated exports pointing to the correct name). V2 drops the aliases.

Old nameNew name
magnifermagnifier
infinityinfinite
condicionerconditioner
siderbarsidebar
plaaylistplaylist
palletepalette
tuneingtuning
horizontallhorizontal
minimlisticminimalistic
spedometerspeedometer
happlyhappy
cloundcloud
recivereceive
essentionalessential

Barrel collision renames

These icons had names ending with a style word (bold, broken), which caused naming collisions between the main barrel and the dynamic barrel in Nuxt auto-imports. Renamed to eliminate ambiguity.

Old nameNew name
bone-brokenbone-fracture
heart-brokenheart-crack
link-brokenunlink
link-broken-minimalisticunlink-minimalistic
texttext-format

Migration

In your codebase, replace each old name with the new one in both the import path and the component name.

// Before
import { WeigherBoldIcon } from '@solar-icons/react/bold/weigher'

// After
import { ScaleBoldIcon } from '@solar-icons/react/bold/scale'
<script setup>
// Before
import BellBingBoldIcon from '@solar-icons/vue/bold/bell-bing'

// After
import { BellRingBoldIcon } from '@solar-icons/vue/bold/bell-ring'
</script>

How is this guide?

Last updated on

On this page