Q icon

logos:q

The Q icon (logos:q) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 295 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 × 295

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="295" viewBox="0 0 256 295"><path fill="#b7a634" d="M49.068 101.516c.036 30.473.08 60.946.038 91.418a50948 50948 0 0 1 79.022 45.758l78.984-45.673c-.036-30.473-.079-60.946-.038-91.419a48929 48929 0 0 1-79.022-45.757z"/><path fill="#f9df34" d="m128.413 78.985l-.046-.024l-.308-.173a27468 27468 0 0 1-59.254 34.204q-.008 34.26-.012 68.518a30252 30252 0 0 1 59.332 34.238c5.034-2.967 54.195-31.297 59.256-34.205l.021-68.518a19008 19008 0 0 1-58.989-34.04"/><path fill="#524739" d="m92.587 126.98l1.653 2.864l-3.134 1.809l4.455 7.713q.625 1.087 1.196 1.24q.57.152 1.656-.475a9 9 0 0 0 .675-.43q.314-.221.58-.455l1.914 3.315q-.49.402-1.136.815q-.645.414-1.279.778q-.994.575-1.96.952q-.968.377-1.872.377a3.2 3.2 0 0 1-1.713-.497q-.81-.496-1.488-1.672l-5.306-9.192l-2.592 1.498l-1.654-2.863l2.593-1.496l-2.697-4.67l4.279-2.472l2.697 4.67zm2.6-9.415l4.679 8.106l.09-.053q.032-1.825.941-3.173q.908-1.35 2.114-2.044q1.717-.993 3.087-1.16q1.37-.168 2.481.295q1.112.463 2.055 1.506q.941 1.043 1.777 2.489l5.532 9.582l-4.278 2.47l-5.08-8.798q-1.113-1.928-2.264-2.53q-1.152-.602-2.687.286q-1.748 1.008-1.931 2.5q-.183 1.493 1.19 3.874l4.716 8.166l-4.28 2.47l-12.422-21.516zm26.928 8.159q1.502.378 3.311-.667q1.296-.748 1.855-1.936q.562-1.186.354-2.032l3.766-2.174q.716 3.324-.458 5.608q-1.171 2.285-3.823 3.815q-1.84 1.061-3.654 1.326q-1.816.265-3.467-.229q-1.65-.492-3.079-1.677q-1.425-1.185-2.47-2.993q-1.009-1.748-1.307-3.585a8.8 8.8 0 0 1 .123-3.545a8.8 8.8 0 0 1 1.516-3.187q1.094-1.475 2.873-2.502q1.99-1.148 3.91-1.232a8 8 0 0 1 3.616.664q1.699.747 3.077 2.161t2.302 3.29l-11.24 6.49q1.29 2.028 2.795 2.405m.104-10.989q-1.255-.4-2.823.504q-1.025.592-1.502 1.33t-.59 1.484q-.11.748.055 1.417q.165.667.395 1.137l6.96-4.018q-1.24-1.454-2.495-1.854m8.336-9.675l1.252 2.171l.09-.053q.033-1.825.97-3.193a7.05 7.05 0 0 1 2.296-2.148q1.718-.991 3.087-1.16t2.481.297q1.111.462 2.054 1.506q.942 1.043 1.778 2.487l5.532 9.584l-4.278 2.47l-5.08-8.798q-1.113-1.93-2.265-2.53q-1.15-.602-2.687.284q-1.747 1.011-1.93 2.501q-.183 1.493 1.19 3.873l4.716 8.167l-4.28 2.47l-8.994-15.58z"/><path fill="#524839" d="M189.056 109.455a18918 18918 0 0 1-58.424-33.761c-.02-.01-.084-.048-.104-.058l-.304-.171a4.42 4.42 0 0 0-4.39.033a26580 26580 0 0 1-58.69 33.926a4.43 4.43 0 0 0-2.218 3.838l-.011 67.976c0 1.583.847 3.048 2.217 3.839a30568 30568 0 0 1 58.769 33.962a4.43 4.43 0 0 0 4.476-.016a990 990 0 0 1 8.782-5.107q3.115-1.792 6.223-3.602c2.107-1.23 27.62-15.94 28.634-16.532a7103 7103 0 0 1 15.015-8.667a4.43 4.43 0 0 0 2.223-3.84l.023-67.978a4.43 4.43 0 0 0-2.221-3.842m-6.664 69.254c-2.992 1.724-52.08 30.08-54.284 31.366a30156 30156 0 0 0-54.33-31.397l.01-62.854a26056 26056 0 0 0 54.274-31.374a19819 19819 0 0 0 54.351 31.409z"/><path fill="#f9df34" d="M4.895 76.045c.057 47.437.125 94.875.059 142.314c41.09 23.7 82.147 47.455 123.195 71.23q61.567-35.55 123.137-71.098c-.058-47.439-.126-94.876-.06-142.315a76985 76985 0 0 1-123.195-71.23zm123.622-19.752a25579 25579 0 0 0 78.595 45.351l-.03 91.291a8451 8451 0 0 0-20.207 11.651c-13.5-23.353-26.98-46.717-40.462-70.081l-38.53 22.21a99430 99430 0 0 0 40.46 70.084c-6.727 3.92-13.502 7.756-20.208 11.708a39961 39961 0 0 0-79.052-45.616l.015-91.291a35391 35391 0 0 0 78.948-45.572l.411.23z"/><path fill="#524839" d="M128.15 294.16a4.57 4.57 0 0 1-2.292-.616a75323 75323 0 0 0-123.19-71.225a4.57 4.57 0 0 1-2.286-3.968C.443 174.365.39 129.638.336 86.384L.323 76.049a4.57 4.57 0 0 1 2.287-3.963L125.746.986a4.58 4.58 0 0 1 4.576.004c36.6 21.197 79.858 46.236 123.19 71.227a4.57 4.57 0 0 1 2.288 3.966c-.063 43.743-.009 88.22.042 131.233l.015 11.07a4.58 4.58 0 0 1-2.286 3.965l-123.137 71.096a4.56 4.56 0 0 1-2.285.613M9.528 215.72a79099 79099 0 0 1 118.624 68.587l118.556-68.452l-.01-8.427c-.05-42.152-.102-85.71-.048-128.612a77895 77895 0 0 1-118.624-68.59L9.47 78.683l.01 7.692c.05 42.393.105 86.2.049 129.346m118.606 27.359a4.57 4.57 0 0 1-2.29-.616A39148 39148 0 0 0 46.8 196.855a4.58 4.58 0 0 1-2.29-3.964l.015-91.293c0-1.634.875-3.145 2.29-3.96a33623 33623 0 0 0 78.938-45.567a4.58 4.58 0 0 1 4.537-.027l.41.233a26301 26301 0 0 0 78.69 45.404a4.57 4.57 0 0 1 2.293 3.965l-.028 91.29a4.58 4.58 0 0 1-2.297 3.963c-6.74 3.872-13.47 7.758-20.198 11.644a4.57 4.57 0 0 1-6.245-1.669a104453 104453 0 0 1-38.18-66.127l-30.608 17.646A101142 101142 0 0 0 152.3 224.51a4.57 4.57 0 0 1-1.656 6.238a2056 2056 0 0 1-8.399 4.856a1338 1338 0 0 0-11.79 6.84a4.57 4.57 0 0 1-2.32.635m-74.48-52.83a40187 40187 0 0 1 74.463 42.967c3.18-1.859 6.372-3.697 9.564-5.536l4.418-2.547a101171 101171 0 0 1-38.178-66.132a4.573 4.573 0 0 1 1.677-6.246l38.53-22.21a4.57 4.57 0 0 1 6.243 1.675c12.72 22.044 25.44 44.086 38.173 66.12c4.654-2.686 9.308-5.374 13.968-8.052l.026-86a25993 25993 0 0 1-74.487-42.982a34192 34192 0 0 1-74.383 42.936z"/></svg>

How to use the Q icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Q icon in other icon sets

Q icon FAQ

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

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

How do I add the Q icon to a web page?

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

Browse all SVG Logos icons →