Bandage アイコン
fontisto:bandage
Bandage アイコン(fontisto:bandage)は、Fontisto セットの無料 SVG アイコンです(作者: Kenan Gündoğan)。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 医療
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.815 2.296c.692-.689 1.646-1.116 2.7-1.116s2.009.426 2.7 1.116l.492.492c.689.692 1.116 1.646 1.116 2.7s-.426 2.009-1.116 2.7l-2.137 2.137l.838.839l2.138-2.138c.904-.905 1.464-2.155 1.464-3.536s-.559-2.631-1.464-3.536l-.492-.492c-.905-.905-2.155-1.464-3.536-1.464s-2.631.56-3.536 1.464L12.844 3.6l.838.839zm-5.482 17.268l-2.138 2.138c-.692.69-1.646 1.116-2.7 1.116s-2.009-.426-2.7-1.116l-.492-.491c-.689-.692-1.115-1.646-1.115-2.7s.426-2.008 1.116-2.701l2.137-2.137l-.838-.839l-2.138 2.138C.56 15.877.001 17.127.001 18.508s.56 2.631 1.464 3.536l.492.491C2.862 23.44 4.112 24 5.493 24s2.631-.56 3.536-1.465l2.138-2.138zm12.213-4.592L9.039 1.465C8.134.56 6.884 0 5.503 0S2.872.56 1.967 1.465l-.492.491C.57 2.861.011 4.111.011 5.492s.56 2.631 1.464 3.536l13.507 13.506c.905.905 2.155 1.465 3.536 1.465s2.631-.56 3.536-1.465l.492-.492a5 5 0 0 0 1.459-3.536c0-1.38-.557-2.629-1.459-3.536zM5.278 11.161L2.306 8.189c-.689-.692-1.116-1.646-1.116-2.7s.426-2.009 1.116-2.7l.492-.491c.692-.689 1.646-1.116 2.7-1.116s2.009.426 2.7 1.116L11.17 5.27zm16.428 10.043l-.492.492c-.692.689-1.646 1.115-2.7 1.115s-2.009-.426-2.701-1.116l-2.972-2.971l5.894-5.894l2.972 2.972c.691.692 1.119 1.648 1.119 2.704s-.428 2.011-1.119 2.704z"/><path fill="currentColor" d="M9.261 6.069a.558.558 0 0 0-.394-.958a.56.56 0 1 0 .394.958M5.286 2.094a.558.558 0 0 0 .394.958a.56.56 0 1 0-.394-.958m0 6.37a.558.558 0 0 0 .394.958a.56.56 0 1 0-.394-.958M2.098 5.276a.558.558 0 0 0 .394.958a.56.56 0 1 0-.394-.958m3.973.8a.558.558 0 0 0-.394-.958a.56.56 0 1 0 .394.958m15.851 11.86a.558.558 0 0 0-.958.394a.56.56 0 1 0 .958-.394m-3.983-3.188a.558.558 0 0 0 .394.958a.56.56 0 1 0-.394-.958m0 6.37a.558.558 0 0 0 .394.958a.56.56 0 1 0-.394-.958m-3.181-3.182a.558.558 0 0 0 .394.958a.56.56 0 1 0-.394-.958m3.968.795a.558.558 0 0 0-.394-.958a.56.56 0 1 0 .394.958"/></svg>Bandage アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:bandage" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:bandage" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:bandage" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--bandage]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:bandage"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:bandage"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/bandage.svg" alt="Bandage アイコン" width="24" height="24">他のアイコンセットの Bandage アイコン
Bandage アイコン のよくある質問
Bandage アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bandage アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:bandage" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bandage アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/bandage.svg" alt="Bandage アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。