Labelito Light ikonu
selfhst:labelito-light
Labelito Light ikonu (selfhst:labelito-light), selfh.st/icons setinden ücretsiz bir SVG ikondur (yapımcı: selfh.st). 512 × 512 ızgara üzerinde çizilmiştir. 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. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- selfh.st/icons
- Yazar
- selfh.st
- Lisans
- CC-BY-4.0
- Boyut
- 512 × 512
- Etiketler
- labelitolight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M476.9 204.8h-78.1c-17.9 0-32.3-14.5-32.3-32.3V59.3H59.3C26.5 59.3 0 85.8 0 118.6v274.9c0 32.7 26.5 59.3 59.3 59.3h393.4c32.7 0 59.3-26.5 59.3-59.3V204.8zm8.2 188.6c0 17.9-14.5 32.3-32.3 32.3H59.3c-17.9 0-32.3-14.5-32.3-32.3V118.6c0-17.9 14.5-32.3 32.3-32.3h280.3v86.2c0 32.7 26.5 59.3 59.3 59.3h86.2z"/><path fill="#fff" d="M398.8 231.7c-32.7 0-59.3-26.5-59.3-59.3V86.2H59.3c-17.9 0-32.3 14.5-32.3 32.3v274.9c0 17.9 14.5 32.3 32.3 32.3h393.4c17.9 0 32.3-14.5 32.3-32.3V231.7zm-116.3 44h74v15.8h-74zm-67-127.7c5.6 0 10.6.5 14.9 1.4c4.4.9 8.1 2.5 11 4.8c3 2.3 5.2 5.4 6.8 9.4c1.5 4 2.3 9.1 2.3 15.4v15c0 5.9 1.2 10.1 3.7 12.7s7 3.9 13.4 3.9v18.2h-.1c-6.3 0-10.7 1.3-13.3 3.9c-2.5 2.6-3.7 6.9-3.7 12.8v15c0 6.2-.8 11.3-2.3 15.4s-3.8 7.2-6.8 9.4c-3 2.3-6.7 3.9-11 4.8s-9.3 1.4-14.9 1.4v-15.4c6.4 0 10.7-1.3 12.8-3.9c2.2-2.6 3.2-6.9 3.2-13.1V240c0-2.9.5-5.7 1.5-8.3c1-2.7 2.8-5.2 5.4-7.3c2.2-1.9 5.2-3.3 9-4.5c-3.8-1.2-6.8-2.6-9-4.4c-2.6-2.2-4.4-4.6-5.4-7.3q-1.5-4.05-1.5-8.4v-19.3c0-6.2-1.1-10.6-3.2-13.1c-2.2-2.6-6.4-3.9-12.8-3.9zM92.3 222.2v-11.6c6.4 0 10.8-1.3 13.3-3.9s3.8-6.9 3.8-12.7v-15.1c0-6.2.7-11.3 2.2-15.4c1.5-4 3.8-7.2 6.8-9.4c3-2.3 6.7-3.9 11-4.8c4.4-.9 9.3-1.4 14.9-1.4v15.4c-6.3 0-10.6 1.3-12.8 3.9s-3.2 6.9-3.2 13.1v19.3q0 4.35-1.5 8.4c-1 2.7-2.8 5.1-5.3 7.3c-2.2 1.8-5.2 3.3-9 4.4q5.7 1.8 9 4.5c2.6 2.2 4.3 4.6 5.3 7.3s1.5 5.5 1.5 8.3v19.1c0 6.2 1.1 10.6 3.2 13.1c2.2 2.6 6.5 3.9 12.8 3.9v15.4c-5.6 0-10.5-.5-14.9-1.4c-4.3-.9-8-2.5-11-4.8c-3-2.2-5.2-5.4-6.8-9.4c-1.5-4-2.2-9.1-2.2-15.4v-15c0-5.9-1.3-10.2-3.8-12.8s-6.9-3.9-13.3-3.9zm317.8 138.4H101.9c-5.7 0-10.2-4.6-10.2-10.2c0-5.7 4.6-10.2 10.2-10.2h308.3c5.7 0 10.2 4.6 10.2 10.2s-4.6 10.2-10.3 10.2" opacity=".6"/><path fill="#fff" d="M366.5 172.5c0 17.9 14.5 32.3 32.3 32.3h78.1L366.5 94.3z" opacity=".75"/><path fill="#fff" d="M366.5 59.3L512 204.8h-35.1L366.5 94.3z" opacity=".5"/></svg>Labelito Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:labelito-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:labelito-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:labelito-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--labelito-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:labelito-light"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:labelito-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/labelito-light.svg" alt="Labelito Light ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Labelito Light ikonu: sık sorulan sorular
Labelito Light ikonu 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.
Labelito Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:labelito-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Labelito Light ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/selfhst/labelito-light.svg" alt="Labelito Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.