Պատկերագրություն
Կլորացված-քառակուսի սալիկի բաղադրատոմս՝ 48x48 շրջանակ, 12px շառավիղ, գունավորված ֆոն։
Պատկերակի սալիկի բաղադրատոմս
| Tile size | 48x48 |
| Tile radius | 12px |
| Inline icon | 12px to 16px |
| Toolbar / nav icon | 20px |
| Card icon | 24px to 28px inside a 48x48 tile |
| Stroke | 2 round/round |
| ViewBox | 24 24 |
Երանգներ
Վահանակի պատկերակներ
BetterGuard վահանակի նավիգացիայում օգտագործվող արտադրանքի պատկերակների կանոնական հավաքածուն: Heroicons v2 outline 24x24 չափով, stroke 2 round/round, ներդրված inline (առանց պատկերակների գրադարանի, առանց sprite-ի): Երբ վահանակում նոր պատկերակ ավելացվի, արտացոլեք այն նաև այստեղ:
Stroke: #9ca3af inactive (shown above) · #22d3ee active. Both inherited via stroke="currentColor" from the surrounding .nav-item color.
Admin-ի վահանը հատուկ ուղի է, ոչ թե ստանդարտ Heroicons: Մի՛ փոխարինեք այն ստանդարտ Heroicons-ի վահանով:
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/> </svg>
Օրինակ՝ Obfuscate (lock-closed): Պատճենեք այս նշագրումը ուղղակիորեն Blade ձևանմուշի մեջ; stroke="currentColor"-ը վերցնում է շրջապատող տեքստի գույնը:
Առաջարկվող չափեր
Inline պատկերակներ՝ 12-16px։ Toolbar/nav՝ 20px։ Քարտի պատկերակ 48x48 սալիկի ներսում՝ 24-28px։ Լոգոյի վերնագիր՝ 32-40px։ Apple touch պատկերակ՝ 180px։