Choose an Icon

Select from library or add custom SVGs

Prime Icons SVG Library @if (canManageIcons) { Add Custom }
@for (icon of filteredIcons(); track icon) {
}
@if (isLoadingSvgIcons) {
Loading icons...
} @else if (svgIconsError) {
{{ svgIconsError }}
} @else {
@for (iconName of filteredSvgIcons(); track iconName) {
}
@if (canManageIcons) {
Drop here to delete
} }
@if (canManageIcons) {
SVG Input
@if (svgContent && svgPreview) {
Preview
} @if (errorMessage) {
{{ errorMessage }}
}
@if (svgEntries.length > 0) {
Queue {{ svgEntries.length }}
@for (entry of svgEntries; track entry.name; let i = $index) {
{{ entry.name }}
@if (entry.error) {
{{ entry.error }}
}
}
@if (batchErrorMessage) {
{{ batchErrorMessage }}
}
}
}