Quasar アイコン

Q: Quasar アイコンは商用利用でも無料ですか?

はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

simple-icons:quasar

Quasar アイコン(simple-icons:quasar)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.743 12a1.742 1.742 0 1 1-3.484 0a1.742 1.742 0 0 1 3.484 0m5.585-1.65l1.267-.732a9 9 0 0 0-.861-2.084a9 9 0 0 0-1.369-1.789l-2.014 1.163a6.7 6.7 0 0 0-2.103-1.219a8.3 8.3 0 0 0-1.627 2.322c2.242-.152 4.557.66 6.707 2.339m-9.562 8.82v1.464a9 9 0 0 0 2.235.295a9 9 0 0 0 2.234-.29v-2.326a6.7 6.7 0 0 0 2.106-1.211a8.3 8.3 0 0 0-1.197-2.57c-.989 2.017-2.85 3.616-5.378 4.638m-4.354-5.962c.947.247 1.894.33 2.825.248C6.983 11.591 6.528 9.18 6.908 6.48L5.64 5.747a9 9 0 0 0-1.373 1.788a9 9 0 0 0-.865 2.08l2.014 1.163a6.7 6.7 0 0 0-.004 2.43m13.173.014a6.7 6.7 0 0 0 .004-2.43a8.3 8.3 0 0 0-2.824-.25c1.253 1.866 1.708 4.277 1.328 6.978l1.267.732a9 9 0 0 0 1.374-1.788a9 9 0 0 0 .865-2.08zm-13.912.428l-1.267.731a9 9 0 0 0 .861 2.084a9 9 0 0 0 1.369 1.789L7.65 17.09a6.7 6.7 0 0 0 2.102 1.219a8.3 8.3 0 0 0 1.628-2.322c-2.242.152-4.557-.659-6.707-2.338zm9.562-8.821V3.366A9 9 0 0 0 12 3.07a9 9 0 0 0-2.234.29v2.326A6.7 6.7 0 0 0 7.66 6.898c.26.944.66 1.806 1.197 2.57c.989-2.018 2.85-3.617 5.378-4.639M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12S5.373 0 12 0s12 5.373 12 12m-1.535 0C22.465 6.23 17.77 1.535 12 1.535S1.535 6.23 1.535 12S6.23 22.465 12 22.465S22.465 17.77 22.465 12"/></svg>

Quasar アイコンの使い方

React

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

<Icon icon="simple-icons:quasar" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:quasar" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:quasar" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--quasar]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="simple-icons:quasar"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/quasar.svg" alt="Quasar アイコン" width="24" height="24">

他のアイコンセットの Quasar アイコン

Quasar アイコンのよくある質問

Quasar アイコンは商用利用でも無料ですか?

はい。Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Quasar アイコンを使うには?

@iconify/react をインストールして <Icon icon="simple-icons:quasar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Quasar アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/quasar.svg" alt="Quasar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Simple Icons をすべて見る →