PrestaShop Icons
ps · 479 ikon · yapımcı: PrestaShop · CC-BY-NC-4.0 · tek renkli · Güncellendi
PrestaShop Icons, 479 SVG ikon içeren ücretsiz ve açık kaynak bir ikon setidir (yapımcı: PrestaShop), lisans: CC BY-NC 4.0 lisansı. İkonlar tek renklidir: metin renginizi (currentColor) izler ve CSS ile yeniden renklendirilebilir.
PrestaShop 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 | 512 × 512 · ikonların %25 kadarı |
|---|---|
| viewBox | 0 0 512 512 |
| Ç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 | %73 yatay veya dikey, %5 45° açılı |
| Eğriler | çizim komutlarının %73 kadarı |
| Simetri | İkonların %38 kadarı soldan sağa simetriktir |
| İkon başına öğe | 1 |
| İkon başına çizim komutu | 49 |
Bu setten 63 ikon üzerinde ölçülmüştür.
Yapay zekâ ile ikon üretimi
İzin verilmiyor: lisans ticari kullanımı yasaklıyor.
PrestaShop Icons hakkında
Popüler PrestaShop Icons: bell, girl ve home.
Herhangi bir ikonu açıp SVG, JSX, Vue, Svelte, Solid, Astro veya CSS olarak kopyalayabilir ya da SVG veya PNG olarak indirebilirsiniz. PrestaShop Icons, CC BY-NC 4.0 lisansı kullanır; bu lisans yazardan ayrıca izin almadan ticari kullanıma izin vermez.
Kullanım: PrestaShop Icons
Bu sayfadaki her ikon tüm framework'lerle çalışır. Örneklerde ps:bell 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="ps:bell" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:bell" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:bell" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--bell]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:bell"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:bell"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/ps/bell.svg" alt="Bell ikonu" width="24" height="24">PrestaShop Icons: sık sorulan sorular
PrestaShop Icons ticari kullanım için ücretsiz mi?
Hayır. PrestaShop Icons, CC BY-NC 4.0 lisansı kullanır; bu lisans yazardan ayrıca izin almadan ticari kullanıma izin vermez.
PrestaShop Icons setinde kaç ikon var?
PrestaShop Icons setinde 479 ikon var.
PrestaShop Icons hangi lisansı kullanıyor?
PrestaShop Icons lisansı: CC BY-NC 4.0. Lisansın tam metni şu adreste: https://creativecommons.org/licenses/by-nc/4.0/.
PrestaShop Icons kimin yapımı?
Yapımcı: PrestaShop (PrestaShop Icons).
PrestaShop Icons React'te nasıl kullanılır?
@iconify/react paketini kurup <Icon icon="ps:bell" /> kullanın ya da bu sayfadaki herhangi bir ikonu açıp bağımsız bir React bileşeni olarak kopyalayın.