ICONYZ
日本語
Huge Icons の Quiz 05 アイコン

Quiz 05 アイコン

hugeicons:quiz-05

Quiz 05 アイコン(hugeicons:quiz-05)は、Huge Icons セットの無料 SVG アイコンです(作者: Hugeicons)。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Huge Icons
作者
Hugeicons
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-width="1.5" d="M8.5 7.5c0-1.013.895-2 2-2s2 .82 2 1.833c0 .365-.116.705-.317.991C11.585 9.176 10.5 9.987 10.5 11"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.5 13.5h.009"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 19.5c1.05.87 2.315 1.424 3.764 1.519c1.141.075 2.333.075 3.473 0a4 4 0 0 0 1.188-.268c.41-.167.614-.25.719-.237c.104.012.255.122.557.342c.533.388 1.204.666 2.2.643c.503-.012.755-.019.867-.208c.113-.19-.027-.452-.308-.977c-.39-.728-.636-1.561-.262-2.229c.643-.954 1.19-2.083 1.27-3.303c.043-.655.043-1.334 0-1.99A6.7 6.7 0 0 0 20.9 10.5"/><path stroke-linejoin="round" stroke-width="1.5" d="M12.237 17.019a6.685 6.685 0 0 0 6.23-6.237c.044-.655.044-1.334 0-1.99a6.685 6.685 0 0 0-6.23-6.236a27 27 0 0 0-3.473 0a6.686 6.686 0 0 0-6.232 6.237a15 15 0 0 0 0 1.99c.08 1.22.627 2.349 1.27 3.302c.374.668.127 1.501-.262 2.23c-.28.524-.42.786-.308.976c.113.19.364.195.868.208c.995.024 1.666-.255 2.199-.643c.302-.22.453-.33.557-.342s.31.07.72.237c.368.15.795.242 1.188.268c1.139.075 2.33.075 3.473 0Z"/></g></svg>

Quiz 05 アイコンの使い方

React

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

<Icon icon="hugeicons:quiz-05" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:quiz-05" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:quiz-05" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--quiz-05]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:quiz-05"></div>

Web コンポーネント

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

<iconify-icon icon="hugeicons:quiz-05"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/quiz-05.svg" alt="Quiz 05 アイコン" width="24" height="24">

Huge Icons の関連アイコン

Quiz 05 アイコン のよくある質問

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

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

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

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

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

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

Huge Icons をすべて見る →