Face With Head Bandage アイコン

Q: Face With Head Bandage アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:face-with-head-bandage

Face With Head Bandage アイコン(streamline-emojis:face-with-head-bandage)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: スマイリー・人物
タグ: facewith、withhead、headbandage、facewithheadbandage

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#ffe500" d="M4.51 21.25a20 20 0 1 0 40 0a20 20 0 1 0-40 0"/><path fill="#fff48c" d="M18.51 5.25a6 1.5 0 1 0 12 0a6 1.5 0 1 0-12 0"/><path fill="#ebcb00" d="M24.51 1.25a20 20 0 1 0 20 20a20 20 0 0 0-20-20m0 37A18.25 18.25 0 1 1 42.76 20a18.25 18.25 0 0 1-18.25 18.25"/><path fill="#45413c" d="M8.51 45.25a16 1.5 0 1 0 32 0a16 1.5 0 1 0-32 0" opacity=".15"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4.51 21.25a20 20 0 1 0 40 0a20 20 0 1 0-40 0"/><path fill="#ffaa54" d="M39 26.25c0 .83-1.12 1.5-2.5 1.5s-2.5-.67-2.5-1.5s1.12-1.5 2.5-1.5s2.5.67 2.5 1.5m-29 0c0 .83 1.12 1.5 2.5 1.5s2.5-.67 2.5-1.5s-1.12-1.5-2.5-1.5s-2.5.67-2.5 1.5"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15 21.25a1 1 0 1 1-1-1a1 1 0 0 1 1 1m19 0a1 1 0 1 0 1-1a1 1 0 0 0-1 1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.39 16.91a11.4 11.4 0 0 1-3.39-1.1a11.2 11.2 0 0 1-2.88-2.06"/><path fill="none" stroke="#45413c" stroke-linecap="round" d="M19.51 33.75a9 9 0 0 1 10 0"/><path fill="#f0f0f0" d="M3.49 21.72a1 1 0 0 0 .45.83a1 1 0 0 0 .95.08L38.72 7.81a1 1 0 0 0 .59-.75a1 1 0 0 0-.31-.9a25.8 25.8 0 0 0-4.24-3.27a1 1 0 0 0-.9-.05L4.53 15.69a1 1 0 0 0-.57.69a25.4 25.4 0 0 0-.47 5.34"/><path fill="#fff" d="m26.9 7.75l6.66-2.92a1 1 0 0 1 .9 0a25 25 0 0 1 3.78 2.87h.59a1 1 0 0 0 .48-.69a1 1 0 0 0-.31-.9a25.8 25.8 0 0 0-4.24-3.27a1 1 0 0 0-.9-.05l-11.2 4.96Z"/><path fill="#e0e0e0" d="m19.45 16.25l4.57-2H7.82l-3.29 1.44a1 1 0 0 0-.51.56Z"/><path fill="#e0e0e0" d="M4.54 16.14a.8.8 0 0 0-.18.11"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3.49 21.72a1 1 0 0 0 .45.83a1 1 0 0 0 .95.08L38.72 7.81a1 1 0 0 0 .59-.75a1 1 0 0 0-.31-.9a25.8 25.8 0 0 0-4.24-3.27a1 1 0 0 0-.9-.05L4.53 15.69a1 1 0 0 0-.57.69a25.4 25.4 0 0 0-.47 5.34"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.31 7.07a1 1 0 0 1-.59.74L24.51 14l-4.45 2l-15.17 6.63a1 1 0 0 1-1.4-.92A25.4 25.4 0 0 1 4 16.38a1 1 0 0 1 .37-.58a.5.5 0 0 1 .18-.1h0l4.19-1.84l25.14-11a1 1 0 0 1 .91.05A27 27 0 0 1 39 6.16a1 1 0 0 1 .31.91"/><path fill="#f0f0f0" d="M5.13 12.85a1 1 0 0 0 .92 1.4H43a1 1 0 0 0 .84-.45a1 1 0 0 0 .08-1a25.6 25.6 0 0 0-2.57-4.69a1 1 0 0 0-.81-.41H8.5a1 1 0 0 0-.8.41a25.6 25.6 0 0 0-2.57 4.74"/><path fill="#fff" d="M42.63 10.25a18 18 0 0 0-1.3-2.09a1 1 0 0 0-.81-.41H8.5a1 1 0 0 0-.8.41a18 18 0 0 0-1.3 2.09Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M5.13 12.85a1 1 0 0 0 .92 1.4H43a1 1 0 0 0 .84-.45a1 1 0 0 0 .08-1a25.6 25.6 0 0 0-2.57-4.69a1 1 0 0 0-.81-.41H8.5a1 1 0 0 0-.8.41a25.6 25.6 0 0 0-2.57 4.74"/></svg>

Face With Head Bandage アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-emojis:face-with-head-bandage" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-emojis:face-with-head-bandage" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-emojis:face-with-head-bandage" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--face-with-head-bandage]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:face-with-head-bandage"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-emojis:face-with-head-bandage"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/face-with-head-bandage.svg" alt="Face With Head Bandage アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

他のアイコンセットの Face With Head Bandage アイコン

Face With Head Bandage アイコンのよくある質問

Face With Head Bandage アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Face With Head Bandage アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-emojis:face-with-head-bandage" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Face With Head Bandage アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/face-with-head-bandage.svg" alt="Face With Head Bandage アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Streamline Emojis アイコンをすべて見る →