Qwik icon
thesvg-color:qwik
The Qwik icon (thesvg-color:qwik) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 274 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 256 × 274
SVG code
<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>How to use the Qwik icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/qwik.svg" alt="Qwik icon" width="24" height="24">Related icons in theSVG Color
Qwik icon in other icon sets
Qwik icon FAQ
Is the Qwik icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Qwik icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:qwik" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Qwik icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/qwik.svg" alt="Qwik icon">, or paste the SVG code inline to style it with CSS.