Gq ikonu
token-branded:gq
Gq ikonu (token-branded:gq), Web3 Icons Branded setinden ücretsiz bir SVG ikondur (yapımcı: 0xa3k5). 24 × 24 ızgara üzerinde çizilmiştir. Web3 Icons Branded icons, MIT lisansı ile yayınlanır. Bu lisans 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
- Web3 Icons Branded
- Yazar
- 0xa3k5
- Lisans
- MIT
- Boyut
- 24 × 24
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#090c17" d="M18.044 4.765H5.849c-.641 0-1.16.52-1.16 1.16V18.26a1.16 1.16 0 0 0 1.16 1.161h12.195c.64 0 1.16-.52 1.16-1.16V5.924c0-.64-.52-1.16-1.16-1.16"/><path fill="#69748e" d="M17.44 5.362H6.445c-.64 0-1.16.52-1.16 1.161V17.65c0 .64.52 1.16 1.16 1.16H17.44c.64 0 1.16-.52 1.16-1.16V6.523c0-.641-.52-1.16-1.16-1.16"/><path fill="#02101e" d="M16.644 6.482H7.358c-.641 0-1.161.52-1.161 1.161v9.287c0 .641.52 1.16 1.16 1.16h9.287a1.16 1.16 0 0 0 1.161-1.16V7.643c0-.64-.52-1.16-1.16-1.16"/><path fill="#99b5da" d="M3.875 8.775v7.261c0 .285.157.546.407.685l7.487 4.185c.145.081.32.081.464 0l7.488-4.179a.8.8 0 0 0 .406-.69V8.774a6.36 6.36 0 0 0-2.38 1.858v4.213l-5.549 3.274a.39.39 0 0 1-.394 0l-5.549-3.28V10.62a6.36 6.36 0 0 0-2.374-1.857z"/><path fill="url(#SVGNlwdkbVI)" d="M18.177 10.127a3 3 0 0 0-.424.5v4.219L12.2 18.119a.39.39 0 0 1-.395 0l-5.549-3.28V10.62a3.2 3.2 0 0 0-.424-.499v4.957l5.758 3.39c.255.15.58.15.836 0l5.758-3.39V10.12z"/><path fill="url(#SVG7qVO1cgp)" d="M19.698 16.037a.37.37 0 0 1-.192.325l-7.482 4.179a.05.05 0 0 1-.046 0L4.49 16.36a.37.37 0 0 1-.185-.325V8.98a3 3 0 0 0-.43-.198v7.261c0 .285.157.546.407.685l7.487 4.185c.145.081.32.081.464 0l7.488-4.179a.8.8 0 0 0 .406-.69v-7.27a3 3 0 0 0-.43.198z"/><path fill="#3b3b3c" d="m4.16 17.93l6.024-4.139l1.004.929l-3.761 5.99a.68.68 0 0 1-1.033.087L4.1 18.574a.416.416 0 0 1 .058-.639z"/><path fill="url(#SVGGCCmjdTQ)" d="m3.474 17.58l6.037-4.132l1.492 1.115l-4.255 5.804a.684.684 0 0 1-1.033.093l-2.293-2.23a.42.42 0 0 1 .058-.637z"/><path fill="url(#SVGCTUi8cgJ)" d="m9.505 13.447l-6.03 4.133a.42.42 0 0 0-.058.644l.191.186a.418.418 0 0 1 .058-.65l6.072-4.156l-.233-.163z"/><path fill="url(#SVGG6979YtZ)" d="M3.41 17.645a.42.42 0 0 0 .012.58l2.293 2.229c.296.29.783.25 1.033-.093l4.254-5.804l-.278-.21l-3.988 5.434a.684.684 0 0 1-1.033.092L3.411 17.65z"/><path fill="#3b3b3c" d="m19.843 17.928l-6.025-4.132l-1.004.929l3.76 5.99a.68.68 0 0 0 1.034.087l2.293-2.224a.417.417 0 0 0-.058-.638z"/><path fill="url(#SVGpAjdT14S)" d="m20.527 17.58l-6.036-4.132l-1.492 1.115l4.255 5.804a.684.684 0 0 0 1.033.093l2.293-2.23a.42.42 0 0 0-.058-.637z"/><path fill="url(#SVGRTsrHdSK)" d="m14.497 13.447l6.03 4.133c.215.15.244.464.059.644l-.192.186a.42.42 0 0 0 .127-.34a.42.42 0 0 0-.185-.31l-6.071-4.156l.232-.163z"/><path fill="url(#SVGjLv2LdDi)" d="M20.591 17.645a.407.407 0 0 1-.012.58l-2.292 2.229a.684.684 0 0 1-1.033-.093l-4.255-5.804l.279-.21l3.987 5.434a.684.684 0 0 0 1.033.092l2.293-2.223z"/><path fill="#94b8de" fill-rule="evenodd" d="M12.001 15.189a3.482 3.482 0 1 0 0-6.964a3.482 3.482 0 0 0 0 6.964m0-1.161a2.322 2.322 0 1 0 0-4.643a2.322 2.322 0 0 0 0 4.643" clip-rule="evenodd"/><path fill="#2da0d6" d="M12.001 13.442a1.741 1.741 0 1 0 0-3.483a1.741 1.741 0 0 0 0 3.483"/><path fill="url(#SVG26UqXBmb)" d="M12 12.862a1.16 1.16 0 1 0 0-2.322a1.16 1.16 0 0 0 0 2.322"/><path fill="#c2e1f6" d="M12.117 11.039c.052.168-.116.36-.365.43c-.244.069-.488 0-.534-.175c-.047-.162.116-.348.365-.424c.25-.07.488 0 .534.175z"/><path fill="#b1dbf2" d="M5.54 6.802L11.967 3l6.431 3.802l-1.788 1.433a.27.27 0 0 1-.313.024l-4.33-2.572l-4.33 2.572a.27.27 0 0 1-.313-.024z"/><defs><linearGradient id="SVGNlwdkbVI" x1="11.992" x2="11.992" y1=".134" y2="26.081" gradientUnits="userSpaceOnUse"><stop stop-color="#9fc3df"/><stop offset=".76" stop-color="#738fb7"/><stop offset="1" stop-color="#6981ae"/></linearGradient><linearGradient id="SVG7qVO1cgp" x1="12" x2="12" y1="3" y2="20.996" gradientUnits="userSpaceOnUse"><stop stop-color="#9fc3df"/><stop offset=".76" stop-color="#738fb7"/><stop offset="1" stop-color="#6981ae"/></linearGradient><linearGradient id="SVGGCCmjdTQ" x1="17.584" x2="4.83" y1="5.016" y2="15.308" gradientUnits="userSpaceOnUse"><stop stop-color="#243c49"/><stop offset="1" stop-color="#718fbb"/></linearGradient><linearGradient id="SVGCTUi8cgJ" x1="19.893" x2=".665" y1="4.766" y2="14.106" gradientUnits="userSpaceOnUse"><stop stop-color="#bdd3ec"/><stop offset=".31" stop-color="#ceeaff"/><stop offset="1" stop-color="#809dc2"/></linearGradient><linearGradient id="SVGG6979YtZ" x1="17.585" x2="3.525" y1="2.735" y2="12.653" gradientUnits="userSpaceOnUse"><stop stop-color="#021125"/><stop offset="1" stop-color="#365e81"/></linearGradient><linearGradient id="SVGpAjdT14S" x1="6.415" x2="19.169" y1="5.016" y2="15.308" gradientUnits="userSpaceOnUse"><stop stop-color="#243c49"/><stop offset="1" stop-color="#718fbb"/></linearGradient><linearGradient id="SVGRTsrHdSK" x1="4.107" x2="23.34" y1="4.766" y2="14.112" gradientUnits="userSpaceOnUse"><stop stop-color="#bdd3ec"/><stop offset=".31" stop-color="#ceeaff"/><stop offset="1" stop-color="#809dc2"/></linearGradient><linearGradient id="SVGjLv2LdDi" x1="6.413" x2="20.47" y1="2.735" y2="12.645" gradientUnits="userSpaceOnUse"><stop stop-color="#021125"/><stop offset="1" stop-color="#365e81"/></linearGradient><linearGradient id="SVG26UqXBmb" x1="8.473" x2="16.905" y1="3" y2="18.476" gradientUnits="userSpaceOnUse"><stop stop-color="#aedcf3"/><stop offset="1" stop-color="#56cae8"/></linearGradient></defs></g></svg>Gq ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:gq" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:gq" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:gq" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--gq]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:gq"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:gq"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/token-branded/gq.svg" alt="Gq ikonu" width="24" height="24">Web3 Icons Branded setindeki benzer ikonlar
Diğer ikon setlerinde Gq ikonu
Gq ikonu: sık sorulan sorular
Gq ikonu ticari kullanım için ücretsiz mi?
Evet. Web3 Icons Branded icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Gq ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="token-branded:gq" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Gq 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/token-branded/gq.svg" alt="Gq ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.