Ikon Qwik
thesvg-color:qwik
Ikon Qwik (thesvg-color:qwik) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 256 × 274. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 256 × 274
Kode SVG
<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>Cara memakai ikon Qwik
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:qwik"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/qwik.svg" alt="Ikon Qwik" width="24" height="24">Ikon terkait di theSVG Color
Ikon Qwik di set ikon lain
FAQ Ikon Qwik
Apakah ikon Qwik gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Qwik di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:qwik" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Qwik ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/qwik.svg" alt="Ikon Qwik">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.