selfh.st/icons
selfhst · 7.281 ikon · yapımcı: selfh.st · CC-BY-4.0 · çok renkli · Güncellendi
selfh.st/icons, 7.281 SVG ikon içeren ücretsiz ve açık kaynak bir ikon setidir (yapımcı: selfh.st), lisans: CC BY 4.0 lisansı. İkonlar çok renklidir, bu yüzden her boyutta kendi renklerini korur.
selfh.st/icons tasarım özellikleri
- dolgulu
- çok renkli
Bu setin çizim kuralları, SVG dosyalarından ölçülmüştür. Setle uyumlu yeni ikonlar tasarlamak için bunları kullanın.
| Tuval | 512 × 512 |
|---|---|
| viewBox | 0 0 512 512 |
| Çizim alanı | Tüm tuval, kenar boşluğu yok |
| Çizim stili | Dolgulu şekiller |
| Köşe yarıçapı | 62.75 |
| Renkler | İkon başına yaklaşık 2 renk |
| Koordinatlar | En fazla 2 ondalık basamak |
| Düz çizgiler | %31 yatay veya dikey, %8 45° açılı |
| Eğriler | çizim komutlarının %71 kadarı |
| Simetri | İkonların %17 kadarı soldan sağa simetriktir |
| İkon başına öğe | 2.1 |
| İkon başına çizim komutu | 97 |
Bu setten 64 ikon üzerinde ölçülmüştür.
Yapay zekâ ile ikon üretimi
İzin verilmiyor: bunlar marka logolarıdır ve markalar sahiplerine aittir.
selfh.st/icons hakkında
Popüler selfh.st/icons: salt, adobe, aviato, usertour, live blog ve vert.
Herhangi bir ikonu açıp SVG, JSX, Vue, Svelte, Solid, Astro veya CSS olarak kopyalayabilir ya da SVG veya PNG olarak indirebilirsiniz. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
Kullanım: selfh.st/icons
Bu sayfadaki her ikon tüm framework'lerle çalışır. Örneklerde selfhst:salt 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="selfhst:salt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:salt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:salt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--salt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:salt"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:salt"></iconify-icon>HTML görseli
<img src="https://icons.sys.karaztherapy.ma/api/public/svg/selfhst/salt.svg" alt="Salt ikonu" width="24" height="24">selfh.st/icons: sık sorulan sorular
selfh.st/icons ticari kullanım için ücretsiz mi?
Evet. selfh.st/icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.
selfh.st/icons setinde kaç ikon var?
selfh.st/icons setinde 7.281 ikon var.
selfh.st/icons hangi lisansı kullanıyor?
selfh.st/icons lisansı: CC BY 4.0. Lisansın tam metni şu adreste: https://github.com/selfhst/icons/blob/main/LICENSE.
selfh.st/icons kimin yapımı?
Yapımcı: selfh.st (selfh.st/icons).
selfh.st/icons React'te nasıl kullanılır?
@iconify/react paketini kurup <Icon icon="selfhst:salt" /> kullanın ya da bu sayfadaki herhangi bir ikonu açıp bağımsız bir React bileşeni olarak kopyalayın.