Icon
Icon belongs to the General category. Start with demos and usage, then use the API tables to finish integration and styling decisions.
Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.
Version history is grouped by release so you can quickly see what changed for this component across published versions.
2026-09-14
allow hydration mismatch for async-loaded icons
allow hydration mismatch for async-loaded icons
2026-08-20
optimize icon props
fix aria-hidden, aria-label, shrink-0 and data-soybean-icon attributes
optimize icon props
fix aria-hidden, aria-label, shrink-0 and data-soybean-icon attributes
2026-06-18
correct import path for useConfigProvider
correct import path for useConfigProvider
2026-05-30
simplify icon handling and remove Nuxt-specific logic
2026-05-27
update icon prop type to IconValue and enhance Nuxt support
improve Nuxt icon handling and condition checks
2026-01-21
update type definition format for IconValue prop
2025-11-18
replace lucide-vue-next icons with @iconify/vue in examples and components, and update package dependencies
introduce Icon component with configurable properties and integration with ConfigProvider for dynamic sizing
add style to prevent icon from shrinking
rename Icon component to SIcon for consistency with naming conventions
remove default color prop for improved icon customization
enhance icon component to support IconifyIcon type and improve template logic
replace lucide-vue-next icons with @iconify/vue in examples and components, and update package dependencies
introduce Icon component with configurable properties and integration with ConfigProvider for dynamic sizing
add style to prevent icon from shrinking
rename Icon component to SIcon for consistency with naming conventions
remove default color prop for improved icon customization
enhance icon component to support IconifyIcon type and improve template logic