Qd ikonu
selfhst:qd
Qd ikonu (selfhst:qd), 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
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#027dfe" d="M387.1 512H124.9C55.9 512 0 456.1 0 387.1V124.9C0 55.9 55.9 0 124.9 0H387c69.1 0 125 55.9 125 124.9V387c0 69.1-55.9 125-124.9 125"/><path fill="#fff" d="M474.8 173.4c-23.2-39.3-68.6-49.6-102.7-51.2c-5.6-.3-9.4-.4-11.1-.4h-69.6c-.1 0-.2 0-.3.1l-3.9 3.7c-.1.1-.2.3-.2.5v231.2c0 .3.1.6.3.8l3.8 3.6c.1.1.2.2.4.2c21.6 0 43.8 0 66-.1c21.5-.1 41.5-3.7 59.5-10.8c31.1-12.3 55.1-36.4 65.8-66.1c6.6-18.2 8.8-38.2 6.9-61.3c-1.6-19.2-6.6-36.1-14.9-50.2m-70.7 138.5c-11.9 6.2-26.2 9.2-43.9 9.3c-8.6 0-17.4.1-26 .1c-.5 0-.8-.3-.8-.8V163.1c0-.4.3-.6.6-.6h9.4c20.5-.2 41.7-.3 61 7.8c16.5 7 28 20.3 33.2 38.5c2.4 8.4 3.7 17.9 4.1 28.3c1.3 35-12.1 61.5-37.6 74.8m-162.8-1.8c-7.5 13.1-16.3 24-28.2 33.4c-1.5 1.1-3 2.2-4.5 3.2c-16.2 11.2-34.6 17.2-54.2 19c-32.8 3-66.3-4.1-91.1-26.9c-25.7-23.7-37.4-56.1-37.9-90.7c-.2-13.4.8-26.7 3.7-39.9c7.6-35.4 29.6-66.3 63.3-80.9c13.3-5.8 27.6-8.8 42.1-9.6c14.4-.8 28.5.1 42.4 3.7c39.6 10.3 68 43 76.9 82.4c2 9 3.2 18.2 3.6 27.7c1 25.3-2.5 51-13.7 74c-1 1.7-1.7 3.2-2.4 4.6m-81.1 11c27.8-7.2 42.6-31.5 46.3-58.6c1.4-10.3 1.8-20.7 1-31.1c-2.1-30.4-15-61.3-47.8-69c-22.5-5.3-45.8-.5-62.3 16.2c-13.6 13.8-20.3 32.6-21.9 51.9c-.9 10.7-.6 21.2 1 31.5c4.3 28 21.8 55 51.4 60.4c10.7 1.9 21.5 1.5 32.3-1.3"/><path fill="#ffea00" d="M213 343.4c11.9-9.4 20.7-20.3 28.2-33.4c7.8.5 14.2 3.3 19.2 8.6c8.8 9.2 9.5 23.9 1.2 33.6c-4.9 5.8-11.2 9.1-18.9 9.8c-10.8 1.1-19.5-2.5-25.9-10.6c-1.6-2-2.9-4.7-3.8-8"/></svg>Qd ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:qd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:qd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:qd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--qd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:qd"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:qd"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/selfhst/qd.svg" alt="Qd ikonu" width="24" height="24">selfh.st/icons setindeki benzer ikonlar
Qd ikonu: sık sorulan sorular
Qd 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.
Qd ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="selfhst:qd" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Qd 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/qd.svg" alt="Qd ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.