@icons
at-icons · 642 ikon · yapımcı: Valentin Fossati · MIT · tek renkli · 16 px ızgara · Güncellendi
@icons, 642 SVG ikon içeren ücretsiz ve açık kaynak bir ikon setidir (yapımcı: Valentin Fossati), lisans: MIT lisansı. İkonlar tek renklidir: metin renginizi (currentColor) izler ve CSS ile yeniden renklendirilebilir. 16 px ızgara üzerinde tasarlanmıştır ve SVG olarak kusursuz ölçeklenir.
@icons tasarım özellikleri
- dolgulu
- tek renkli
Bu setin çizim kuralları, SVG dosyalarından ölçülmüştür. Setle uyumlu yeni ikonlar tasarlamak için bunları kullanın.
| Tuval | 24 × 24 |
|---|---|
| viewBox | 0 0 24 24 |
| Çizim alanı | 22 × 22, 1 kenar boşluğu |
| Çizim stili | Dolgulu şekiller |
| Köşe yarıçapı | 1 |
| Renkler | Tek renk (currentColor), CSS ile değiştirilebilir |
| Koordinatlar | En fazla 3 ondalık basamak |
| Düz çizgiler | %68 yatay veya dikey, %22 45° açılı |
| Eğriler | çizim komutlarının %42 kadarı |
| Simetri | İkonların %41 kadarı soldan sağa simetriktir |
| İkon başına öğe | 1.3 |
| İkon başına çizim komutu | 20 |
Bu setten 61 ikon üzerinde ölçülmüştür.
Yapay zekâ ile ikon üretimi
Lisans, bu setten türetilen yeni ikonlara izin veriyor.
- Orijinal yazarlara atıf yapın.
Atıf satırı: Based on @icons by Valentin Fossati, licensed under MIT. https://github.com/Voxybuns/at-icons/blob/main/LICENSE
LLM istemi için stil kılavuzu (İngilizce)
Bu setten birkaç ikonla birlikte bir isteme yapıştırın, ardından istediğiniz ikonu belirtin.
You draw new icons for the "@icons" icon set (Iconify prefix "at-icons") by Valentin Fossati.
Style: filled, solid, monochrome.
Iconify describes the set as: Precise Shapes, Has Padding.
Canvas
- Root: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">.
- Keep the drawing inside a 22x22 live area: about 1 unit of padding on every side (never less than 0).
- A typical icon's bounding box covers 34% of the canvas.
Drawing
- Filled icons: draw closed filled shapes; don't use strokes.
- Round corners with a radius of about 1.
Geometry
- Coordinates are free-form; write at most 3 decimals.
- Straight lines: 68% horizontal or vertical, 22% at 45 degrees.
- About 42% of drawing commands are curves or arcs.
- Prefer left-right symmetric shapes (41% of icons are symmetric).
- Keep it simple: about 1 element and 20 drawing commands per icon.
- Elements used by the set: path, g, clippath, defs.
Color
- Monochrome: paint with currentColor only, never a fixed color.
Output
- Reply with one complete <svg> element and nothing else: no comments, <title>, ids or scripts.
- Match the examples: reuse their shapes for shared parts (arrow heads, people, documents, badges).
@icons hakkında
Popüler @icons: shield, checkerboard, ladder, sprout, no entry ve moon.
Herhangi bir ikonu açıp SVG, JSX, Vue, Svelte, Solid, Astro veya CSS olarak kopyalayabilir ya da SVG veya PNG olarak indirebilirsiniz. @icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Kullanım: @icons
Bu sayfadaki her ikon tüm framework'lerle çalışır. Örneklerde at-icons:shield kullanılıyor; bir ikonu açarak SVG, JSX, Vue, Svelte, Solid, Astro veya CSS kodunun tam halini kopyalayabilirsiniz. Boyut, renk ve erişilebilirlik ipuçları için şu rehbere göz atın: SVG ikonlar nasıl kullanılır.
React
import { Icon } from "@iconify/react";
<Icon icon="at-icons:shield" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="at-icons:shield" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="at-icons:shield" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[at-icons--shield]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/at-icons -->
<div class="i-at-icons:shield"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="at-icons:shield"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/at-icons/shield.svg" alt="Shield ikonu" width="24" height="24">@icons: sık sorulan sorular
@icons ticari kullanım için ücretsiz mi?
Evet. @icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
@icons setinde kaç ikon var?
@icons setinde 642 ikon var.
@icons hangi lisansı kullanıyor?
@icons lisansı: MIT. Lisansın tam metni şu adreste: https://github.com/Voxybuns/at-icons/blob/main/LICENSE.
@icons kimin yapımı?
Yapımcı: Valentin Fossati (@icons).
@icons React'te nasıl kullanılır?
@iconify/react paketini kurup <Icon icon="at-icons:shield" /> kullanın ya da bu sayfadaki herhangi bir ikonu açıp bağımsız bir React bileşeni olarak kopyalayın.
@icons hangi boyutta?
@icons, 16 px ızgara üzerinde tasarlanmıştır. SVG oldukları için her boyuta kalite kaybı olmadan ölçeklenir.