Outbreak アイコン

Q: Outbreak アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

healthicons:outbreak

Outbreak アイコン(healthicons:outbreak)は、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
カテゴリ: 記号

SVG をダウンロード

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="M23.002 6.65a.535.535 0 0 0-.664-.53c-4.23 1.107-7.336 4.788-7.336 9.159a9.1 9.1 0 0 0 1.402 4.854l-.159.003a9.1 9.1 0 0 0-3.555.848c-3.96 1.847-5.984 6.218-5.2 10.519c.062.347.44.527.76.378a.59.59 0 0 0 .331-.593a7.003 7.003 0 0 1 6.502-7.593l.047-.003a7 7 0 0 1 1.95.156a6.99 6.99 0 0 1 4.82 3.874a6.97 6.97 0 0 1 .39 4.874a7 7 0 0 1-.769 1.75a7.003 7.003 0 0 1-10.913 1.288a.59.59 0 0 0-.667-.128a.535.535 0 0 0-.2.826c2.792 3.365 7.44 4.625 11.401 2.778a9.1 9.1 0 0 0 3.86-3.405a9.1 9.1 0 0 0 3.86 3.405c3.961 1.847 8.61.587 11.401-2.778a.535.535 0 0 0-.2-.826a.59.59 0 0 0-.666.128a7.003 7.003 0 0 1-11.707-3.128a6.97 6.97 0 0 1 .414-4.784a6.99 6.99 0 0 1 4.919-3.895a7 7 0 0 1 4.383.51a7 7 0 0 1 4.017 6.95a.59.59 0 0 0 .331.594c.32.15.698-.03.761-.378c.784-4.301-1.24-8.672-5.2-10.52a9.1 9.1 0 0 0-3.68-.85H33.6l.082-.133a9.1 9.1 0 0 0 1.32-4.721c0-4.37-3.106-8.052-7.336-9.16a.535.535 0 0 0-.664.53c0 .25.165.466.398.551a7.003 7.003 0 0 1 2.577 11.503a6.98 6.98 0 0 1-4.975 2.076a6.98 6.98 0 0 1-5.067-2.17a6.97 6.97 0 0 1-1.933-4.83c0-3.024 1.917-5.6 4.602-6.579a.59.59 0 0 0 .398-.55m4 18.319a2 2 0 1 0-4 0a2 2 0 0 0 4 0" clip-rule="evenodd"/><path d="M15.029 25.707a10 10 0 0 0 4.686 7.751c.381-.572.64-1.216.763-1.89a8 8 0 0 1-3.42-5.657a5 5 0 0 0-2.029-.204m15.261 7.751a10 10 0 0 0 4.685-7.75c-.69-.074-1.38 0-2.028.203a8 8 0 0 1-3.42 5.656c.122.675.381 1.32.762 1.891m-5.287-18.489a9.96 9.96 0 0 0-4.47 1.052a5 5 0 0 0 1.281 1.609a8 8 0 0 1 3.19-.661c1.133 0 2.211.235 3.188.66c.531-.44.97-.986 1.281-1.608a9.96 9.96 0 0 0-4.47-1.052"/></g></svg>

Outbreak アイコンの使い方

React

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

<Icon icon="healthicons:outbreak" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:outbreak" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:outbreak" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--outbreak]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:outbreak"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:outbreak"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/outbreak.svg" alt="Outbreak アイコン" width="24" height="24">

Health Icons の関連アイコン

Outbreak アイコンのよくある質問

Outbreak アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Outbreak アイコンを使うには?

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

Outbreak アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/outbreak.svg" alt="Outbreak アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Health Icons をすべて見る →