Question アイコン

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

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

topcoat:question

Question アイコン(topcoat:question)は、TopCoat Icons セットの無料 SVG アイコンです（作者: TopCoat）。 42 × 42 のグリッドで描かれています。 TopCoat Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: TopCoat Icons
作者: TopCoat
ライセンス: Apache-2.0
サイズ: 42 × 42

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><path fill="currentColor" d="M17.737 30.521c0 .815.259 1.481.775 2.01c.528.517 1.185.785 1.971.785c.797 0 1.462-.27 1.99-.785c.536-.527.807-1.193.807-2.01c0-.808-.271-1.482-.807-2q-.793-.789-1.99-.787q-1.178-.002-1.971.787c-.516.518-.775 1.194-.775 2m.945-5.542h3.751c-.101-.766-.05-1.145.18-1.761a8 8 0 0 1 .936-1.75q.568-.822 1.305-1.583a19 19 0 0 0 1.353-1.571a9.4 9.4 0 0 0 1.056-1.731c.287-.618.428-1.294.428-2.06c0-.985-.17-1.84-.498-2.577a5 5 0 0 0-1.433-1.86c-.618-.508-1.354-.885-2.188-1.134a9.7 9.7 0 0 0-2.756-.379c-1.363 0-2.586.299-3.671.886a9.6 9.6 0 0 0-2.826 2.239l2.378 2.108a7 7 0 0 1 1.74-1.362a4.4 4.4 0 0 1 2.08-.498c.946 0 1.683.259 2.219.785c.527.528.797 1.215.797 2.08c0 .548-.141 1.055-.408 1.532q-.416.72-1.025 1.453c-.408.486-.846.995-1.303 1.502a11 11 0 0 0-1.225 1.661a7.6 7.6 0 0 0-.815 1.971c-.194.716-.203 1.195-.075 2.049M1.5 21c0 10.766 8.735 19.5 19.5 19.5S40.5 31.766 40.5 21S31.766 1.5 21 1.5S1.5 10.234 1.5 21m3.592 0c0-8.785 7.123-15.909 15.908-15.909S36.909 12.215 36.909 21S29.785 36.909 21 36.909S5.092 29.785 5.092 21"/></svg>

Question アイコンの使い方

React

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

<Icon icon="topcoat:question" width="24" />

Vue

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

<template>
  <Icon icon="topcoat:question" width="24" />
</template>

Svelte

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

<Icon icon="topcoat:question" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[topcoat--question]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="topcoat:question"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/topcoat/question.svg" alt="Question アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

TopCoat Icons をすべて見る →