Pico-icon ikonları
picon · 824 ikon · yapımcı: Picon Contributors · OFL-1.1 · tek renkli · Güncellendi
Pico-icon ikonları, 824 SVG ikon içeren ücretsiz ve açık kaynak bir ikon setidir (yapımcı: Picon Contributors), lisans: Open Font License. İkonlar tek renklidir: metin renginizi (currentColor) izler ve CSS ile yeniden renklendirilebilir.
Pico-icon ikonları tasarım özellikleri
- dolgulu
- tek renkli
- geometrik
Bu setin çizim kuralları, SVG dosyalarından ölçülmüştür. Setle uyumlu yeni ikonlar tasarlamak için bunları kullanın.
| Tuval | 8 × 8 |
|---|---|
| viewBox | 0 0 8 8 |
| Çizim alanı | Tüm tuval, kenar boşluğu yok |
| Çizim stili | Dolgulu şekiller |
| Renkler | Tek renk (currentColor), CSS ile değiştirilebilir |
| Koordinatlar | Tam birimler |
| Düz çizgiler | %70 yatay veya dikey, %15 45° açılı |
| Eğriler | çizim komutlarının %15 kadarı |
| Simetri | İkonların %33 kadarı soldan sağa simetriktir |
| İkon başına öğe | 1 |
| İkon başına çizim komutu | 11 |
Bu setten 60 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.
- Türetilen ikonları aynı lisansla (OFL-1.1) yayımlayın.
Atıf satırı: Based on Pico-icon by Picon Contributors, licensed under Open Font License. https://github.com/yne/picon/blob/master/OFL.txt
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 "Pico-icon" icon set (Iconify prefix "picon") by Picon Contributors.
Style: filled, solid, monochrome, geometric.
Iconify describes the set as: Precise Shapes.
Canvas
- Root: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">.
- Draw edge to edge: icons use the full canvas with no padding.
- A typical icon's bounding box covers 100% of the canvas.
Drawing
- Filled icons: draw closed filled shapes; don't use strokes.
Geometry
- Put coordinates on whole units (98% are integers).
- Straight lines: 70% horizontal or vertical, 15% at 45 degrees.
- About 15% of drawing commands are curves or arcs.
- Keep it simple: about 1 element and 11 drawing commands per icon.
- Elements used by the set: path.
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).
- The result is a derivative of Open Font License; it must be released under the same license.
Pico-icon ikonları hakkında
Popüler Pico-icon ikonları: bookmark, rewind, folder, thunderbolt, message ve east.
Herhangi bir ikonu açıp SVG, JSX, Vue, Svelte, Solid, Astro veya CSS olarak kopyalayabilir ya da SVG veya PNG olarak indirebilirsiniz. Pico-icon ikonları, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Kullanım: Pico-icon ikonları
Bu sayfadaki her ikon tüm framework'lerle çalışır. Örneklerde picon:bookmark 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="picon:bookmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="picon:bookmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="picon:bookmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[picon--bookmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/picon -->
<div class="i-picon:bookmark"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="picon:bookmark"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/picon/bookmark.svg" alt="Bookmark ikonu" width="24" height="24">Pico-icon ikonları: sık sorulan sorular
Pico-icon ikonları ticari kullanım için ücretsiz mi?
Evet. Pico-icon ikonları, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Pico-icon ikonları setinde kaç ikon var?
Pico-icon ikonları setinde 824 ikon var.
Pico-icon ikonları hangi lisansı kullanıyor?
Pico-icon ikonları lisansı: Open Font License. Lisansın tam metni şu adreste: https://github.com/yne/picon/blob/master/OFL.txt.
Pico-icon ikonları kimin yapımı?
Yapımcı: Picon Contributors (Pico-icon ikonları).
Pico-icon ikonları React'te nasıl kullanılır?
@iconify/react paketini kurup <Icon icon="picon:bookmark" /> kullanın ya da bu sayfadaki herhangi bir ikonu açıp bağımsız bir React bileşeni olarak kopyalayın.