Quasar icon
file-icons:quasar
The Quasar icon (file-icons:quasar) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M332.004 318.63c14.967 24.566 23.182 40.555 28.927 59.296c-14.712 10.998-29.78 21.977-51.675 29.383l.375 56.266c-33.069 8.575-66.775 8.153-107.39.4c.621-8.457.18-28.596.561-34.754c50.532-18.62 103.11-53.534 129.202-110.591M79.855 299.862c76.534 59.72 128.595 53.748 160.833 52.885c-13.942 25.324-28.031 40.346-36.885 53.235c-21.553-9.334-40.073-18.487-53.474-27.82c-13.064 7.82-27.073 9.693-47.532 25.204c-10.576-10.97-37.12-39.252-54.12-89.8zm334.876-72.418c3.698 16.072-.463 34.513-1.768 57.38l49.164 28.548c-1.2 20.51-29.652 74.227-53.707 92.342l-26.771-16.081c5.527-48.395 9.12-104.022-33.758-168.984c16.76-2.676 58.084 2.672 66.84 6.795m-157.396-13.13c21.177.4 40.488 17.46 40.488 41.109c0 31.531-28.797 51.353-61.64 35.578c-32.616-18.83-20.008-77.048 21.152-76.686M102.654 105.622c21.854 13.015 19.774 11.326 30.4 17.605c-15.645 91.63 14.688 146.349 32.6 167.351c-.308 0-11.366.726-65.87-6.629c-5.89-19.182-1.97-58.6-1.97-58.6L50.01 197.13c12.1-40.179 36.479-69.083 52.643-91.51m209.163-1.895c22.93 10.402 33.586 20.193 50.217 29.945l46.936-27.282c43.191 46.695 45.859 74.97 52.376 91.67l-27.32 16.711c-30.271-24.749-96.891-62.322-160.97-56.24c8.364-22.032 31.875-50.419 38.761-54.804m-2.04-55.29l.486 33.372c-61.106 22.616-102.056 61.913-130.591 111.484c-10.387-16.48-21.275-31.453-27.326-60.942c14.352-11.791 30.549-22.166 50.06-29.99l-.483-55.137c36.26-6.936 73.696-10.539 107.854 1.213M127.71 477.546c-170.281-98.168-170.281-344.923 0-443.092C297.993-63.715 512 59.663 512 256.001c0 196.337-214.007 319.715-384.289 221.546"/></svg>How to use the Quasar icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:quasar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:quasar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:quasar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--quasar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:quasar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:quasar"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/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. File Icons are released under the ISC 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="file-icons: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/file-icons/quasar.svg" alt="Quasar icon">, or paste the SVG code inline to style it with CSS.