Иконка Quasar

file-icons:quasar

Иконка Quasar (file-icons:quasar) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512

Скачать SVG

Код SVG

<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>

Как использовать иконку Quasar

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>

Веб-компонент

<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

<img src="https://iconyz.com/api/public/svg/file-icons/quasar.svg" alt="Иконка Quasar" width="24" height="24">

Иконка Quasar в других наборах

Вопросы и ответы: Иконка Quasar

Можно ли бесплатно использовать иконку Quasar в коммерческих проектах?

Да. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Quasar в React?

Установите @iconify/react и выведите <Icon icon="file-icons:quasar" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Quasar на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/file-icons/quasar.svg" alt="Иконка Quasar">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все File Icons →