Quasar アイコン
file-icons:quasar
Quasar アイコン(file-icons:quasar)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Quasar アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:quasar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Quasar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/quasar.svg" alt="Quasar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。