Blender アイコン
thesvg-color:blender
Blender アイコン(thesvg-color:blender)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 2473 × 1997 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 2473 × 1997
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2473" height="1997" viewBox="0 0 2473 1997"><path fill="#fff" d="M2007 1486a539 539 0 0 1-387 158c-150 0-288-57-387-157c-48-49-84-105-106-166a429 429 0 0 1 29-358c29-52 69-100 118-140c96-78 218-120 346-120s250 41 346 119c49 40 89 87 117 140a437 437 0 0 1-77 524z"/><path fill="#005385" d="M1300 1143c5-81 45-153 105-204c59-50 139-81 226-81c86 0 166 31 225 81c60 51 100 123 105 204c4 84-29 162-88 220c-61 58-146 95-242 95s-182-37-243-95c-59-58-92-136-88-220"/><path fill="#ff7021" d="M775 1308c0 32 10 94 26 143c32 102 86 197 162 281c78 85 173 154 284 203a913 913 0 0 0 746-1a844 844 0 0 0 283-205a757 757 0 0 0 193-438a721 721 0 0 0-109-440a795 795 0 0 0-188-208L1408 57l-2-2c-50-38-135-38-190 0c-55 39-62 104-12 145l318 259l-971 1h-1c-81 0-158 53-173 119c-16 68 39 124 122 125l492-1l-878 674l-3 3c-83 63-110 169-58 235c53 68 166 68 250 1l479-393s-7 53-7 85zm1232 178a539 539 0 0 1-387 158c-150 0-288-57-387-157c-48-49-84-105-106-166a429 429 0 0 1 29-358c29-52 69-100 118-140c96-78 218-120 346-120s250 41 346 119c49 40 89 87 117 140a437 437 0 0 1-77 524z"/></svg>
Blender アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:blender" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:blender" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:blender" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--blender]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:blender"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:blender"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/blender.svg" alt="Blender アイコン" width="24" height="24">
Blender アイコン のよくある質問
Blender アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Blender アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:blender" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Blender アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/blender.svg" alt="Blender アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
ICONYZ
