Question Outline アイコン

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

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

healthicons:question-outline

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

アイコンセット: Health Icons
作者: Resolve to Save Lives
ライセンス: MIT
サイズ: 48 × 48
カテゴリ: 記号
タグ: questionoutline、question2x outline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M24.5 29.253a2 2 0 0 1 1.562-1.951c1.694-.38 3.55-1.047 5.192-2.096C33.857 23.546 36 20.87 36 16.845c0-3.557-1.356-6.247-3.48-8.06c-2.097-1.79-4.872-2.664-7.656-2.773c-2.634-.103-5.586.52-8.01 1.906c-2.394 1.37-4.2 3.433-4.83 6.25a1 1 0 0 0 1.952.437c.943-4.215 5.785-6.792 10.81-6.595c2.443.096 4.755.862 6.437 2.297C32.879 11.721 34 13.844 34 16.845c0 3.175-1.64 5.283-3.821 6.675c-2.21 1.41-4.912 2.032-6.749 2.16a1 1 0 0 0-.93.998V32a1 1 0 1 0 2 0zm1.04 4.946c.59-.547.96-1.33.96-2.2v-2.746c1.863-.418 3.947-1.159 5.83-2.36c3.023-1.93 5.67-5.175 5.67-10.048c0-4.114-1.59-7.37-4.18-9.58c-2.515-2.146-5.754-3.13-8.878-3.252c-5.941-.233-13.317 2.778-14.87 9.718a3 3 0 1 0 5.856 1.31c.647-2.893 4.271-5.209 8.78-5.032c2.1.082 3.949.738 5.216 1.82C31.116 12.844 32 14.402 32 16.844c0 2.338-1.147 3.872-2.897 4.99c-1.858 1.185-4.213 1.738-5.812 1.85a3 3 0 0 0-2.791 2.993V32a2.996 2.996 0 0 0 3 3q.255 0 .5-.042a3 3 0 0 0 1.54-.759m.273 2.235a4 4 0 0 0-2.313-.403A3.996 3.996 0 0 0 20 40a4 4 0 1 0 5.813-3.567M24 38a2 2 0 1 0 0 4a2 2 0 0 0 0-4" clip-rule="evenodd"/></svg>

Question Outline アイコンの使い方

React

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

<Icon icon="healthicons:question-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:question-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:question-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:question-outline"></iconify-icon>

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

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

Health Icons をすべて見る →