Loss Smell アイコン
healthicons:loss-smell
Loss Smell アイコン(healthicons:loss-smell)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 症状
- タグ
- losssmell
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M14 4C8.477 4 4 8.477 4 14s4.477 10 10 10s10-4.477 10-10S19.523 4 14 4M6 14a8 8 0 0 1 12.906-6.32L7.68 18.906A7.97 7.97 0 0 1 6 14m3.094 6.32L20.32 9.094A8 8 0 0 1 9.094 20.32" clip-rule="evenodd"/><path d="M30.582 31.187a1 1 0 0 1 .231 1.395c-.586.82-1.336 1.565-2.216 2.22a1 1 0 0 1-1.194-1.604a8.2 8.2 0 0 0 1.784-1.78a1 1 0 0 1 1.395-.231"/><path fill-rule="evenodd" d="M25.555 37.832a1 1 0 0 0-1.104-1.668l-.002.002l-.03.018a3 3 0 0 1-.155.086a6 6 0 0 1-.668.29C23 36.777 22.116 37 21 37a1 1 0 1 0 0 2c1.384 0 2.5-.277 3.28-.56a8 8 0 0 0 .91-.397q.16-.086.252-.14l.012-.008l.03-.018l.032-.02l.024-.015l.009-.006l.003-.002zM25 37l.555.832zm12 3.513a1 1 0 0 0-2-.026a7.4 7.4 0 0 0 .27 2.096a6 6 0 0 0 .278.782l.004.008l.02.045l.01.018l.002.007l.002.002v.003a1 1 0 0 0 1.792-.89l-.007-.015l-.039-.092a4 4 0 0 1-.136-.409a5.5 5.5 0 0 1-.196-1.53m-1.413 2.935L36.48 43l-.782.392z" clip-rule="evenodd"/><path d="M36.816 33.051a1 1 0 0 1 .633 1.264l-.003.01l-.013.04l-.05.167c-.042.149-.1.364-.157.622C37.11 35.68 37 36.351 37 37a1 1 0 1 1-2 0c0-.85.14-1.68.274-2.28a13 13 0 0 1 .25-.95l.004-.013q.008-.03.015-.047l.005-.017l.002-.006l.001-.003l.94.313l-.94-.313a1 1 0 0 1 1.265-.633m-6.984 7.504a1 1 0 0 0-.277-1.387L26.5 42.5l.555.832l.001-.001l.002-.001l.006-.004l.018-.013a5 5 0 0 0 .268-.193c.173-.13.412-.317.683-.555c.539-.47 1.233-1.161 1.8-2.01m3.616-7.448a1 1 0 0 1 .445 1.342c-.16.317-.27.6-.396.92c-.066.17-.137.352-.221.554c-.227.544-.518 1.139-1.014 1.724a1 1 0 0 1-1.525-1.294c.306-.361.502-.743.693-1.2q.075-.182.162-.407c.144-.365.313-.795.513-1.195a1 1 0 0 1 1.343-.445M38.458 6.2c-1.297 2.777-4.74 9.608-8.396 12.333C24.594 22.589 27.328 28 31.43 28H32q0-.06.008-.121a3.5 3.5 0 0 1 1.745-2.633c1.103-.633 2.613-.753 4.523-.207a1 1 0 0 1-.55 1.923c-1.59-.455-2.497-.257-2.977.019A1.5 1.5 0 0 0 34.012 28h.87c.735 0 1.46.171 2.118.5s1.383.5 2.118.5H40s4.549.455 4.969-4.275a4.5 4.5 0 0 0-.638-2.182c-.565-.945-1.455-1.621-2.72-1.614l-.01-2c1.293-.007 2.346.431 3.162 1.091c-.358-3.805-.594-7.695.33-11.39l.286-1.145A2 2 0 0 0 43.439 5H40.32c-.801 0-1.524.475-1.863 1.2"/></g></svg>Loss Smell アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:loss-smell" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:loss-smell" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:loss-smell" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--loss-smell]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:loss-smell"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:loss-smell"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/loss-smell.svg" alt="Loss Smell アイコン" width="24" height="24">Health Icons の関連アイコン
Loss Smell アイコン のよくある質問
Loss Smell アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Loss Smell アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:loss-smell" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Loss Smell アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/loss-smell.svg" alt="Loss Smell アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。