Quasar icon
devicon:quasar
The Quasar icon (devicon:quasar) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon 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
- Devicon
- Author
- konpa
- License
- MIT
- Size
- 128 × 128
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path d="M73.273 64a9.274 9.274 0 1 1-18.548-.001A9.274 9.274 0 0 1 73.273 64m31.891-23.773a47 47 0 0 0-7.289-9.528l-10.727 6.188a35.9 35.9 0 0 0-11.187-6.489a44 44 0 0 0-8.66 12.364C79.238 41.949 91.562 46.273 103 55.21l6.75-3.898a47.3 47.3 0 0 0-4.586-11.086ZM64 111.523a47.6 47.6 0 0 0 11.887-1.546V97.602a35.7 35.7 0 0 0 11.215-6.454a44.2 44.2 0 0 0-6.375-13.687c-5.266 10.738-15.165 19.25-28.625 24.687v7.79A46.2 46.2 0 0 0 64 111.522ZM22.836 40.238a47.2 47.2 0 0 0-4.598 11.075L28.961 57.5c-.793 4.273-.8 8.66-.023 12.938a44 44 0 0 0 15.039 1.324C37.3 61.836 34.887 49 36.898 34.625l-6.75-3.898a47 47 0 0 0-7.312 9.511m0 0"/><path fill="#00b4ff" d="M64 .125C28.723.125.125 28.723.125 64S28.723 127.875 64 127.875S127.875 99.277 127.875 64S99.277.125 64 .125m0 8.176c30.71 0 55.7 24.988 55.7 55.699S94.71 119.7 64 119.7S8.3 94.71 8.3 64S33.29 8.3 64 8.3Zm0 8.16a47.8 47.8 0 0 0-11.887 1.55v12.376a35.6 35.6 0 0 0-11.215 6.449a44.1 44.1 0 0 0 6.375 13.687c5.266-10.734 15.164-19.25 28.625-24.687V18.05A47.2 47.2 0 0 0 64 16.46ZM89.09 56.1a45 45 0 0 0-5.05.137c6.67 9.926 9.085 22.762 7.073 37.137l6.75 3.898a48 48 0 0 0 7.301-9.511c2-3.473 3.535-7.2 4.598-11.075L99.05 70.5c.8-4.324.8-8.7.023-12.938a44 44 0 0 0-9.984-1.46ZM25 72.774l-6.75 3.903a48.2 48.2 0 0 0 4.586 11.086a47 47 0 0 0 7.289 9.527l10.727-6.187a35.8 35.8 0 0 0 11.187 6.484a44 44 0 0 0 8.66-12.36C48.762 86.04 36.438 81.712 25 72.774m0 0"/></svg>
How to use the Quasar icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:quasar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:quasar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:quasar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--quasar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:quasar"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:quasar"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/devicon/quasar.svg" alt="Quasar icon" width="24" height="24">
Quasar icon in other icon sets
Quasar icon FAQ
Is the Quasar icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Quasar icon in React?
Install @iconify/react and render <Icon icon="devicon:quasar" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Quasar icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/quasar.svg" alt="Quasar icon">, or paste the SVG code inline to style it with CSS.
Browse all Devicon icons →
ICONYZ
