Icon Renames
Icons renamed in v2. Old names are no longer exported.
V2 removed 37 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 name | New name |
|---|---|
plain | plane |
plain-2 | plane-2 |
plain-3 | plane-3 |
file-favourite | file-favorite |
folder-favourite-star | folder-favorite-star |
folder-favourite-bookmark | folder-favorite-bookmark |
gallery-favourite | gallery-favorite |
map-point-favourite | map-point-favorite |
magic-stick | magic-wand |
magic-stick-2 | magic-wand-2 |
magic-stick-3 | magic-wand-3 |
weigher | scale |
sort-by-alphabet | sort-alphabetically |
wad-of-money | money-roll |
globus | globe |
trellis | vanity |
accumulator | car-battery |
bell-bing | bell-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 name | New name |
|---|---|
magnifer | magnifier |
infinity | infinite |
condicioner | conditioner |
siderbar | sidebar |
plaaylist | playlist |
pallete | palette |
tuneing | tuning |
horizontall | horizontal |
minimlistic | minimalistic |
spedometer | speedometer |
happly | happy |
clound | cloud |
recive | receive |
essentional | essential |
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 name | New name |
|---|---|
bone-broken | bone-fracture |
heart-broken | heart-crack |
link-broken | unlink |
link-broken-minimalistic | unlink-minimalistic |
text | text-format |
Current catalogue normalizations
The catalogue later standardized a few family names without removing the old exports immediately. Current package releases keep these old names as deprecated aliases, while the codemod normalizes them when migrating application code:
| Deprecated name | Canonical name |
|---|---|
code-file | file-code |
cloud-file | file-cloud |
figma-file | file-figma |
chat-dots | chat-square-dots |
chat-line | chat-square-line |
chat-unread | chat-square-unread |
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