Aihubmix アイコン
thesvg-color:aihubmix
Aihubmix アイコン(thesvg-color:aihubmix)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#006ffb" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0S0 5.373 0 12s5.373 12 12 12"/><path fill="#fff" fill-rule="evenodd" d="M11.24 8.393q.142-.966.624-2.48L12 5.496l.136.417q.483 1.514.624 2.48q.106.708 0 1.8q-.108 1.097 0 1.814q.159 1.05.96 1.744a2.8 2.8 0 0 0 1.89.708a2.78 2.78 0 0 0 2.034-.84q.84-.839.848-2.024q.005-1.05.216-2.316q.104-.633.21-1.06l.095-.384l.168.356a7.9 7.9 0 0 1 .76 3.244v.16a7.8 7.8 0 0 1-.624 3.089a7.95 7.95 0 0 1-4.228 4.228a7.8 7.8 0 0 1-3.089.623a7.8 7.8 0 0 1-3.089-.623a7.95 7.95 0 0 1-4.228-4.228a7.8 7.8 0 0 1-.623-3.09v-.159a7.9 7.9 0 0 1 .759-3.244l.169-.356l.093.385q.108.426.211 1.059q.212 1.266.216 2.316q.01 1.185.848 2.024a2.78 2.78 0 0 0 2.035.84q1.073 0 1.889-.708a2.8 2.8 0 0 0 .96-1.744q.11-.717 0-1.814q-.106-1.092 0-1.8m.76 9.694q1.645 0 3.085-.778a6.4 6.4 0 0 0 1.77-1.399c.063-.07-.01-.178-.101-.153q-.554.15-1.144.15a4.24 4.24 0 0 1-2.18-.59a4.25 4.25 0 0 1-1.35-1.233a.1.1 0 0 0-.16 0a4.25 4.25 0 0 1-1.35 1.232a4.24 4.24 0 0 1-2.18.591a4.4 4.4 0 0 1-1.143-.15c-.091-.025-.165.083-.102.153a6.4 6.4 0 0 0 1.77 1.399q1.44.777 3.085.778" clip-rule="evenodd"/></svg>Aihubmix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:aihubmix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:aihubmix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:aihubmix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--aihubmix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:aihubmix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:aihubmix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/aihubmix.svg" alt="Aihubmix アイコン" width="24" height="24">他のアイコンセットの Aihubmix アイコン
Aihubmix アイコン のよくある質問
Aihubmix アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Aihubmix アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:aihubmix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Aihubmix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/aihubmix.svg" alt="Aihubmix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。