Discover Card Light ikonu
selfhst:discover-card-light
Discover Card Light ikonu (selfhst:discover-card-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
- discovercard, cardlight, discovercardlight
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M75 296.5h16v-82.1H75zm55.1-50.6c-9.6-3.6-12.4-5.9-12.4-10.3c0-5.2 5-9.1 11.9-9.1c4.8 0 8.7 2 12.9 6.7l8.4-11c-6.9-6-15.1-9.1-24.1-9.1c-14.5 0-25.6 10.1-25.6 23.5c0 11.3 5.2 17.1 20.2 22.5c6.3 2.2 9.5 3.7 11.1 4.7c3.2 2.1 4.8 5 4.8 8.5c0 6.7-5.3 11.6-12.4 11.6c-7.6 0-13.8-3.8-17.5-11l-10.3 10c7.4 10.8 16.2 15.6 28.4 15.6c16.6 0 28.3-11.1 28.3-27c0-13-5.4-18.9-23.7-25.6m28.7 9.6c0 24.1 19 42.9 43.3 42.9c6.9 0 12.8-1.4 20.1-4.8v-18.9c-6.4 6.4-12.1 9-19.3 9c-16.1 0-27.6-11.7-27.6-28.3c0-15.8 11.8-28.2 26.8-28.2c7.6 0 13.4 2.7 20.1 9.2v-18.8c-7-3.6-12.8-5-19.7-5c-24.2-.1-43.7 19-43.7 42.9m190.4 14l-21.9-55.2h-17.5l34.8 84.2h8.6l35.5-84.2h-17.4zm46.8 27h45.4v-13.9H412v-22.2h28.3v-13.9H412v-18.2h29.4v-13.9H396zM42.2 276.1c-5 4.5-11.6 6.5-21.9 6.5H16v-54.3h4.3c10.3 0 16.6 1.9 21.9 6.6c5.5 4.9 8.9 12.6 8.9 20.4c0 8-3.3 15.8-8.9 20.8m-18.7-61.7H0v82.1h23.4c12.4 0 21.4-2.9 29.3-9.5c9.4-7.8 14.9-19.4 14.9-31.5c0-24.2-18.1-41.1-44.1-41.1m449.2 37.8H468v-24.9h4.9c10 0 15.4 4.2 15.4 12.2c.1 8.2-5.3 12.7-15.6 12.7m32.2-13.6c0-15.4-10.6-24.2-29.1-24.2H452v82.1h16v-33h2.1l22.2 33H512l-25.8-34.6c12-2.4 18.7-10.7 18.7-23.3m-233.8-26.8c24.7 0 44.7 20 44.7 44.7s-20 44.7-44.7 44.7s-44.7-20-44.7-44.7s20-44.7 44.7-44.7"/></svg>Discover Card Light ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:discover-card-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:discover-card-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:discover-card-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--discover-card-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:discover-card-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:discover-card-light"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/discover-card-light.svg" alt="Discover Card Light ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Discover Card Light ikonu: sık sorulan sorular
Discover Card 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.
Discover Card Light ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:discover-card-light" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Discover Card 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/discover-card-light.svg" alt="Discover Card Light ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.