Asyar Built-in Icons

Reference for all built-in icons available in the Asyar SDK.

#Usage

In manifests, commands, search results, and actions — use the icon:name prefix:

{ "icon": "icon:calculator" }

Inside your extension view — use the SDK utilities:

// Register once in main.ts
import { registerIconElement } from 'asyar-sdk';
registerIconElement();

<asyar-icon name="calculator" size="20"></asyar-icon>

Or programmatically:

import { renderIcon } from 'asyar-sdk';
element.innerHTML = renderIcon('calculator', { size: 20 });

#Icon Reference

Icons are grouped by purpose to help you pick the right one quickly.

#Features & Navigation

Preview	Name	Usage
	calculator	icon:calculator
	ai-chat	icon:ai-chat
	settings	icon:settings
	keyboard	icon:keyboard
	dev-tools	icon:dev-tools
	store	icon:store
	globe	icon:globe

#Content & Files

Preview	Name	Usage
	clipboard	icon:clipboard
	snippets	icon:snippets
	file-text	icon:file-text
	image	icon:image
	type	icon:type
	layers	icon:layers
	link	icon:link

#Actions & Operations

Preview	Name	Usage
	plus	icon:plus
	trash	icon:trash
	refresh	icon:refresh
	pencil	icon:pencil
	copy	icon:copy
	scissors	icon:scissors
	filter	icon:filter
	eye	icon:eye
	star	icon:star
	pin	icon:pin

#Calculator Variants

Preview	Name	Usage	Represents
	calc-currency	icon:calc-currency	Currency / exchange
	calc-units	icon:calc-units	Unit conversion
	calc-date	icon:calc-date	Date / calendar
	calc-base	icon:calc-base	Base conversion (hex, binary)

#Programmatic Access

import { listIcons, hasIcon, getIconData, renderIcon } from 'asyar-sdk';

listIcons();              // string[] — all available names
hasIcon('calculator');    // true
getIconData('calculator'); // raw SVG inner content (no <svg> wrapper)
renderIcon('calculator', { size: 20, strokeWidth: 1.5 }); // complete <svg> string