Blender Line アイコン
ri:blender-line
Blender Line アイコン(ri:blender-line)は、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
- カテゴリ
- ロゴ
- タグ
- blenderline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.122 2.217a1 1 0 1 0-1.244 1.566L15.297 6.5H4.5a1 1 0 1 0 0 2h5.472L.878 15.717a1 1 0 0 0 1.244 1.566l5.423-4.303q-.045.379-.045.77c0 4.108 3.691 7.25 8 7.25s8-3.142 8-7.25c0-2.247-1.124-4.227-2.835-5.539zM11.565 9.79C12.61 8.992 13.983 8.5 15.5 8.5c1.52 0 2.895.494 3.942 1.295c1.284.98 2.058 2.403 2.058 3.955c0 2.796-2.577 5.25-6 5.25s-6-2.454-6-5.25c0-1.48.704-2.842 1.882-3.816zm2.913 4.303c-.277-.26-.399-.566-.381-.882c.032-.565.624-1.21 1.498-1.21c.873 0 1.465.644 1.498 1.209c.018.33-.108.633-.378.887c-.285.27-.697.44-1.12.44a1.66 1.66 0 0 1-1.117-.444M15.595 10c-1.746 0-3.394 1.295-3.495 3.1c-.108 1.945 1.625 3.436 3.495 3.436c1.876 0 3.602-1.477 3.495-3.438C18.988 11.294 17.34 10 15.595 10"/></svg>Blender Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ri:blender-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ri:blender-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ri:blender-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--blender-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:blender-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ri:blender-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ri/blender-line.svg" alt="Blender Line アイコン" width="24" height="24">Remix Icon の関連アイコン
Blender Line アイコン のよくある質問
Blender Line アイコンは商用利用でも無料ですか?
はい。Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Blender Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="ri:blender-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Blender Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ri/blender-line.svg" alt="Blender Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。