ICONYZ
English
Qwik Icon icon from SVG Logos

Qwik Icon icon

logos:qwik-icon

The Qwik Icon icon (logos:qwik-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 272 grid. SVG Logos icons are released under the CC0 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
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 272
Tags
qwikicon
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="272" viewBox="0 0 256 272"><path fill="#18b6f6" d="m224.803 271.548l-48.76-48.483l-.744.107v-.532L71.606 120.252l25.55-24.667l-15.01-86.12l-71.222 88.247c-12.136 12.226-14.372 32.109-5.642 46.781l44.5 73.788c6.813 11.376 19.163 18.18 32.47 18.074l22.038-.213z"/><path fill="#ac7ef4" d="m251.414 96.01l-9.795-18.075l-5.11-9.25l-2.023-3.615l-.212.213l-26.829-46.463C200.738 7.125 188.176-.105 174.55 0l-23.527.639l-70.158.213c-13.307.106-25.444 7.123-32.151 18.5l-42.69 84.632L82.353 9.25l100.073 109.937l-17.779 17.968l10.646 86.015l.107-.213v.213h-.213l.213.212l8.304 8.081l40.348 39.445c1.704 1.595 4.472-.318 3.3-2.339l-24.911-49.014l43.436-80.273l1.383-1.595c.533-.638 1.065-1.276 1.491-1.914c8.517-11.589 9.688-27.112 2.662-39.764"/><path fill="#fff" d="M182.746 118.763L82.353 9.358l14.266 85.695l-25.55 24.773L175.08 223.065l-9.368-85.696z"/></svg>

How to use the Qwik Icon icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:qwik-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:qwik-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:qwik-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--qwik-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:qwik-icon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:qwik-icon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/qwik-icon.svg" alt="Qwik Icon icon" width="24" height="24">

Related icons in SVG Logos

Qwik Icon icon FAQ

Is the Qwik Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Qwik Icon icon in React?

Install @iconify/react and render <Icon icon="logos:qwik-icon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Qwik Icon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/qwik-icon.svg" alt="Qwik Icon icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →