Idea アイコン
icons8:idea
Idea アイコン(icons8:idea)は、Icons8 Windows 10 Icons セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Icons8 Windows 10 Icons
- 作者
- Icons8
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M6.813 2.406L5.405 3.812L7.5 5.906L8.906 4.5zm18.375 0L23.093 4.5L24.5 5.906l2.094-2.093zM16 3.03q-.495.004-1 .064h-.03c-4.056.465-7.284 3.742-7.845 7.78c-.448 3.25.892 6.197 3.125 8.095a5.24 5.24 0 0 1 1.75 3.03v6h2.28c.348.597.983 1 1.72 1s1.372-.403 1.72-1H20v-4h.094v-1.188c0-1.466.762-2.944 2-4.093C23.75 17.06 25 14.705 25 12c0-4.94-4.066-9.016-9-8.97m0 2c3.865-.054 7 3.11 7 6.97c0 2.094-.97 3.938-2.313 5.28l.032.032A7.8 7.8 0 0 0 18.279 22h-4.374c-.22-1.714-.955-3.373-2.344-4.563c-1.767-1.5-2.82-3.76-2.468-6.312c.437-3.15 2.993-5.683 6.125-6.03a7 7 0 0 1 .78-.064zM2 12v2h3v-2zm25 0v2h3v-2zM7.5 20.094l-2.094 2.093l1.407 1.407L8.905 21.5zm17 0L23.094 21.5l2.093 2.094l1.407-1.407zM14 24h4v2h-4z"/></svg>
Idea アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icons8:idea" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icons8:idea" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icons8:idea" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--idea]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:idea"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icons8:idea"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/icons8/idea.svg" alt="Idea アイコン" width="24" height="24">
Idea アイコン のよくある質問
Idea アイコンは商用利用でも無料ですか?
はい。Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Idea アイコンを使うには?
@iconify/react をインストールして <Icon icon="icons8:idea" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Idea アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icons8/idea.svg" alt="Idea アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Icons8 Windows 10 Icons をすべて見る →
ICONYZ
