Qwik icon

logos:qwik

The Qwik icon (logos:qwik) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 162 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: 512 × 162

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="162" viewBox="0 0 512 162"><path d="M251.259 142.825h-19.631v-34.28c-6.485 4.455-13.802 6.653-21.654 6.653c-10.649 0-18.56-2.911-23.498-8.97c-4.938-6.001-7.436-16.695-7.436-31.964c0-15.625 2.915-26.438 8.804-32.735c6.009-6.357 15.646-9.447 28.912-9.447c12.552 0 23.973 1.723 34.503 5.11zm-19.631-92.92c-4.462-1.366-9.46-2.02-14.872-2.02c-6.663 0-11.422 1.724-14.1 5.229c-2.617 3.564-4.044 10.337-4.044 20.378c0 9.446 1.249 15.744 3.866 19.19c2.618 3.386 7.139 5.109 13.802 5.109c8.685 0 15.348-3.565 15.348-8.02zm47.77-15.744c6.96 19.309 12.85 38.618 17.966 58.105c6.782-19.963 12.552-39.271 17.012-58.105h17.194c6.484 19.309 11.898 38.618 16.24 58.105c7.734-21.151 13.802-40.519 18.263-58.105h19.333c-8.208 27.686-17.31 54.064-27.363 78.958H334.96l-.79-4.103c-2.634-13.244-6.524-28.899-11.583-47.228c-3.569 15.744-8.508 32.913-14.992 51.33h-23.08c-7.734-28.754-16.122-55.014-25.045-78.957zm127.843-10.99c-8.686 0-11.126-2.14-11.126-10.992c0-7.647 2.34-9.618 10.31-9.737l.816-.006c8.685 0 11.122 1.842 11.122 9.743c0 8.852-2.437 10.991-11.122 10.991m-9.759 10.99h19.634v78.958h-19.634zm89.593 0h22.782l-2.281 3.226c-12.708 17.874-21.694 28.86-26.808 32.956c4.461 2.911 16.418 18.239 31.232 42.835h-22.607l-4.795-7.24c-15.21-22.85-22.843-32.97-26.793-34.645v41.885h-19.63V0h19.63v71.234q6.693-4.901 29.27-37.073"/><path fill="#18b6f6" d="m125.616 161.064l-27.245-27.092l-.417.06v-.297L40.012 76.522L54.29 62.737l-8.388-48.122L6.104 63.927c-6.782 6.832-8.03 17.942-3.153 26.14l24.866 41.232c3.808 6.357 10.708 10.16 18.144 10.1l12.315-.12z"/><path fill="#ac7ef4" d="m140.486 62.976l-5.473-10.1l-2.855-5.169l-1.13-2.02l-.12.12l-14.99-25.964C112.17 13.308 105.15 9.268 97.534 9.327l-13.144.357l-39.205.119c-7.435.06-14.217 3.98-17.965 10.337L3.365 67.432l42.653-52.936l55.92 61.431l-9.935 10.04l5.949 48.065l.06-.12v.12h-.12l.12.118l4.64 4.516l22.546 22.041c.951.891 2.498-.178 1.844-1.307l-13.92-27.388l24.27-44.856l.774-.891c.297-.357.595-.713.833-1.07c4.76-6.475 5.413-15.15 1.487-22.22"/><path fill="#fff" d="M102.115 75.69L46.018 14.556l7.971 47.885l-14.277 13.843l58.12 57.688l-5.235-47.885z"/></svg>

How to use the Qwik icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Qwik icon in other icon sets

Qwik icon FAQ

Is the Qwik 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 in React?

Install @iconify/react and render <Icon icon="logos: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/logos/qwik.svg" alt="Qwik icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →