Quora アイコン
griddy-icons:quora
Quora アイコン(griddy-icons:quora)は、Griddy Icons セットの無料 SVG アイコンです(作者: Zuzana Benova)。 24 × 24 のグリッドで描かれています。 Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Griddy Icons
- 作者
- Zuzana Benova
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2q.225 0 .44.01c4.747.224 8.56 4.03 8.56 8.74c0 3.358-1.94 6.255-4.773 7.724c.234.483.467.907.745 1.248c.407.5.865.778 1.528.778c.747 0 1.216-.312 1.521-.727c.327-.442.479-1.029.479-1.523H22c0 .755-.223 1.67-.771 2.414c-.57.773-1.476 1.336-2.729 1.336c-1.212 0-2.067-.566-2.69-1.331c-.389-.477-.701-1.048-.973-1.616a9.2 9.2 0 0 1-2.04.41l-.017.002a9 9 0 0 1-.78.035a9 9 0 0 1-.797-.036v-.001C6.622 19.07 3 15.34 3 10.75s3.623-8.322 8.202-8.714l.017-.002A9 9 0 0 1 12 2m0 1.5q-.334 0-.661.03c-1.399.132-2.258.706-2.822 1.639c-.7 1.158-1.017 2.98-1.017 5.581s.317 4.423 1.017 5.581c.564.933 1.424 1.506 2.822 1.639q.327.028.661.03q.335-.002.66-.03c.592-.056 1.087-.192 1.504-.4c-.28-.607-.553-1.133-.886-1.542c-.407-.5-.865-.778-1.528-.778c-.378 0-.719.095-.972.196a3 3 0 0 0-.354.173l-.012.008l.001-.001l.002-.001l.001-.001l-.832-1.248l.004-.002l.004-.004l.013-.008l.04-.024q.047-.03.128-.074c.108-.06.26-.135.449-.21a4.2 4.2 0 0 1 1.528-.304c1.212 0 2.067.566 2.69 1.331c.355.435.645.95.9 1.468q.075-.105.143-.218c.7-1.158 1.017-2.98 1.017-5.581s-.317-4.423-1.017-5.581c-.564-.934-1.424-1.507-2.823-1.64A8 8 0 0 0 12 3.5M6.645 5.675C5.316 6.985 4.5 8.78 4.5 10.75s.816 3.763 2.145 5.074C6.172 14.444 6 12.73 6 10.75s.172-3.696.645-5.075m10.71 0c.473 1.38.645 3.096.645 5.075s-.173 3.695-.645 5.074c1.328-1.31 2.145-3.104 2.145-5.074s-.817-3.764-2.145-5.075"/></svg>Quora アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="griddy-icons:quora" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="griddy-icons:quora" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="griddy-icons:quora" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--quora]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:quora"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="griddy-icons:quora"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/griddy-icons/quora.svg" alt="Quora アイコン" width="24" height="24">Griddy Icons の関連アイコン
他のアイコンセットの Quora アイコン
Quora アイコン のよくある質問
Quora アイコンは商用利用でも無料ですか?
はい。Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Quora アイコンを使うには?
@iconify/react をインストールして <Icon icon="griddy-icons:quora" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Quora アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/griddy-icons/quora.svg" alt="Quora アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。