Qwik ikonu
thesvg-color:qwik
Qwik ikonu (thesvg-color:qwik), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 256 × 274 ızgara üzerinde çizilmiştir. theSVG Color 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
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 256 × 274
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="274" viewBox="0 0 256 274"><defs><linearGradient id="SVGRABFEeIk" x1="22.347%" x2="77.517%" y1="49.545%" y2="50.388%"><stop offset="0%" stop-color="#4340c4"/><stop offset="12%" stop-color="#4642c8"/><stop offset="100%" stop-color="#594ee4"/></linearGradient><linearGradient id="SVGJLoUDeYs" x1="38.874%" x2="60.879%" y1="49.845%" y2="50.385%"><stop offset="0%" stop-color="#4340c4"/><stop offset="74%" stop-color="#534adb"/><stop offset="100%" stop-color="#594ee4"/></linearGradient><linearGradient id="SVGanAA4cta" x1="-.004%" x2="100.123%" y1="49.529%" y2="50.223%"><stop offset="0%" stop-color="#4340c4"/><stop offset="23%" stop-color="#4340c4"/><stop offset="60%" stop-color="#4f48d5"/><stop offset="100%" stop-color="#594ee4"/></linearGradient><linearGradient id="SVGbZnRfbDC" x1="35.4%" x2="64.895%" y1="49.459%" y2="50.085%"><stop offset="0%" stop-color="#0080ff"/><stop offset="100%" stop-color="#00b9ff"/></linearGradient><linearGradient id="SVG7tHtndby" x1="-.243%" x2="100.411%" y1="49.366%" y2="50.467%"><stop offset="0%" stop-color="#0080ff"/><stop offset="17%" stop-color="#008bff"/><stop offset="47%" stop-color="#00a7ff"/><stop offset="63%" stop-color="#00b9ff"/><stop offset="100%" stop-color="#00b9ff"/></linearGradient><linearGradient id="SVGDCOdqbqX" x1="-.125%" x2="100.225%" y1="49.627%" y2="50.101%"><stop offset="0%" stop-color="#00b9ff"/><stop offset="30%" stop-color="#0080ff"/><stop offset="60%" stop-color="#2d67f1"/><stop offset="86%" stop-color="#4d55e8"/><stop offset="100%" stop-color="#594ee4"/></linearGradient><linearGradient id="SVGbhb3vbAn" x1="4.557%" x2="99.354%" y1="50.184%" y2="51.298%"><stop offset="0%" stop-color="#4340c4"/><stop offset="12%" stop-color="#4642c8"/><stop offset="100%" stop-color="#594ee4"/></linearGradient></defs><path fill="url(#SVGRABFEeIk)" d="m175.051 236.859l25.162-15.071l49.298-86.929l-76.287 89.097z"/><path fill="url(#SVGJLoUDeYs)" d="m242.337 80.408l-4.926-9.4l-1.932-3.663l-.2.196l-25.818-47.015C202.984 8.65 190.631 1.231 177.01 1.074l-25.074.206L188.15 114.8l-23.958 23.331l8.924 86.245l73.769-84.021c10.005-11.587 11.97-28.09 4.92-41.646l-9.466-18.302z"/><path fill="url(#SVGanAA4cta)" d="m201.113 72.256l-43.18-70.907L83.41.003C70.165-.15 57.83 6.573 50.88 17.87L7.01 101.747l34.443-33.334L84.701 8.356l97.894 112.153l18.3-18.626c8.397-8.142 5.54-19.558.22-29.625z"/><path fill="url(#SVGbZnRfbDC)" d="M97.784 95.26L84.522 8.796l-73.148 88.03c-12.328 11.935-14.897 30.662-6.419 45.49l42.98 74.727c6.553 11.464 18.755 18.577 32.024 18.729l42.945.49L71.46 119.607z"/><path fill="url(#SVG7tHtndby)" d="M173.227 223.9L71.38 119.022l-13.196 12.59c-10.812 10.248-11.106 27.332-.728 37.921l43.99 66.384l70.65.907l1.127-12.926h.003Z"/><path fill="url(#SVGDCOdqbqX)" d="m101.584 235.903l72.292-11.599l47.704 49.464z"/><path fill="url(#SVGbhb3vbAn)" d="m173.111 224.483l27.168-3.457l24.096 49.915c1.06 2.06-1.719 3.977-3.373 2.302l-47.89-48.76Z"/><path fill="#fff" d="M182.708 120.058L84.681 8.601l12.502 85.958L71.16 118.78l101.772 105.372l-7.595-85.905l17.371-18.192z"/></svg>Qwik ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:qwik" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:qwik" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:qwik" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--qwik]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:qwik"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:qwik"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/qwik.svg" alt="Qwik ikonu" width="24" height="24">theSVG Color setindeki benzer ikonlar
Diğer ikon setlerinde Qwik ikonu
Qwik ikonu: sık sorulan sorular
Qwik ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Qwik ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:qwik" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Qwik 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/thesvg-color/qwik.svg" alt="Qwik ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.