Blender Fill アイコン
ri:blender-fill
Blender Fill アイコン(ri:blender-fill)は、Remix Icon セットの無料 SVG アイコンです（作者: Remix Design）。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Remix Icon
- 作者
- Remix Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ロゴ
- タグ
- blenderfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.79 15.714c-.144-.455-.24-1.039-.245-1.339c-.006-.299.06-.797.06-.797l-4.509 3.69c-.787.636-1.846.635-2.344-.004c-.491-.628-.24-1.62.54-2.217l8.293-6.364l-4.628.006c-.785-.003-1.298-.532-1.15-1.17c.143-.626.869-1.121 1.624-1.122l9.146-.01l-2.995-2.439c-.466-.382-.407-.989.118-1.355c.518-.363 1.31-.364 1.782-.002l7.204 5.531l-.002.001a7.4 7.4 0 0 1 1.775 1.958a6.82 6.82 0 0 1 1.021 4.13a6.7 6.7 0 0 1-.287 1.479a7.1 7.1 0 0 1-1.526 2.647A7.9 7.9 0 0 1 19 20.263a8.6 8.6 0 0 1-3.505.74a8.6 8.6 0 0 1-3.508-.728a7.9 7.9 0 0 1-2.67-1.918a7.1 7.1 0 0 1-1.527-2.643m7.703 1.815c1.408-.003 2.708-.54 3.637-1.486c.454-.462.787-.992.993-1.558c.201-.555.28-1.143.229-1.736a4.1 4.1 0 0 0-.5-1.634a4.5 4.5 0 0 0-1.104-1.31a5.14 5.14 0 0 0-3.257-1.127a5.15 5.15 0 0 0-3.255 1.136c-.46.377-.834.822-1.105 1.314a4.1 4.1 0 0 0-.27 3.373a4.3 4.3 0 0 0 .994 1.554c.929.945 2.23 1.477 3.638 1.474m-2.018-6.625a3.28 3.28 0 0 1 2.12-.759c.815 0 1.564.288 2.12.759c.566.479.942 1.155.985 1.92c.043.79-.274 1.521-.83 2.064a3.25 3.25 0 0 1-2.275.899a3.25 3.25 0 0 1-2.277-.899c-.556-.543-.872-1.275-.828-2.062c.043-.768.418-1.443.985-1.922m0 0c-.567.479-.942 1.155-.985 1.922c-.044.787.272 1.52.829 2.062a3.25 3.25 0 0 0 2.276.899a3.25 3.25 0 0 0 2.276-.899c.555-.543.872-1.275.83-2.063c-.044-.766-.42-1.442-.986-1.921a3.28 3.28 0 0 0-2.12-.759a3.28 3.28 0 0 0-2.12.759m-5.686 4.81c-.143-.455-.239-1.039-.244-1.339c-.006-.299.06-.797.06-.797l-4.509 3.69c-.787.636-1.846.635-2.344-.004c-.491-.628-.24-1.62.54-2.217l8.293-6.364l-4.628.006c-.785-.003-1.298-.532-1.15-1.17c.143-.626.869-1.121 1.624-1.122l9.146-.01l-2.995-2.439c-.466-.382-.407-.989.118-1.355c.518-.363 1.31-.364 1.782-.002l7.204 5.531l-.002.001a7.4 7.4 0 0 1 1.775 1.958a6.82 6.82 0 0 1 1.021 4.13a6.7 6.7 0 0 1-.287 1.479a7.1 7.1 0 0 1-1.526 2.647A7.9 7.9 0 0 1 19 20.263a8.6 8.6 0 0 1-3.505.74a8.6 8.6 0 0 1-3.508-.728a7.9 7.9 0 0 1-2.67-1.918a7.1 7.1 0 0 1-1.527-2.643m7.704 1.815c1.408-.003 2.708-.54 3.637-1.486c.454-.462.787-.992.993-1.558c.201-.555.28-1.143.229-1.736a4.1 4.1 0 0 0-.5-1.634a4.5 4.5 0 0 0-1.104-1.31a5.14 5.14 0 0 0-3.257-1.127a5.15 5.15 0 0 0-3.255 1.136c-.46.377-.834.822-1.105 1.314a4.1 4.1 0 0 0-.27 3.373a4.3 4.3 0 0 0 .994 1.554c.929.945 2.23 1.477 3.638 1.474"/></svg>Blender Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ri:blender-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ri:blender-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ri:blender-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--blender-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:blender-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ri:blender-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ri/blender-fill.svg" alt="Blender Fill アイコン" width="24" height="24">Remix Icon の関連アイコン
Blender Fill アイコン のよくある質問
Blender Fill アイコンは商用利用でも無料ですか?
はい。Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Blender Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="ri:blender-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Blender Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ri/blender-fill.svg" alt="Blender Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。