ICONYZ
日本語
Health Icons の Imm Outline アイコン

Imm Outline アイコン

healthicons:imm-outline

Imm Outline アイコン(healthicons:imm-outline)は、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
カテゴリ
記号
タグ
immoutline、imm2x outline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 42c9.941 0 18-8.059 18-18S33.941 6 24 6S6 14.059 6 24s8.059 18 18 18m0 2c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20"/><path d="M24 31a7 7 0 1 0 0-14a7 7 0 0 0 0 14m0 2a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path d="M20.576 28.424a3.5 3.5 0 0 1-1.29-1.538l4.6-4.6c.63.271 1.164.723 1.538 1.29zm5.235-4.063a3.5 3.5 0 0 1-4.45 4.45zm-2.842-2.33L19.03 25.97a3.5 3.5 0 0 1 3.938-3.938"/><path d="M20.433 28.325a3.5 3.5 0 0 1-1.148-1.439l4.601-4.6q.084.036.166.076a3.5 3.5 0 0 1 1.372 1.214l-4.848 4.848l-.143-.1m5.378-3.964a3.5 3.5 0 0 1 .188 1.226a3.5 3.5 0 0 1-4.638 3.224zm-4.397-2.19A3.51 3.51 0 0 0 19 25.5a4 4 0 0 0 .031.469l3.938-3.938a3.5 3.5 0 0 0-1.555.14m-3.604-6.532a3.5 3.5 0 0 0-4.45-4.45zm-6.525-2.525a3.5 3.5 0 0 1 1.29-1.538l4.85 4.848a3.5 3.5 0 0 1-1.539 1.29zm3.684 4.855q-.23.03-.469.031a3.5 3.5 0 0 1-3.469-3.969zm18.607 16.455a3.5 3.5 0 0 1-1.29-1.538l4.6-4.6c.63.271 1.164.723 1.538 1.29zm5.234-4.063a3.5 3.5 0 0 1-4.45 4.45zm-2.841-2.33L32.03 31.97a3.5 3.5 0 0 1 3.938-3.938"/><path d="M33.433 34.325a3.5 3.5 0 0 1-1.148-1.439l4.601-4.6a3.5 3.5 0 0 1 1.538 1.29l-4.848 4.848l-.143-.1m5.377-3.964q.031.09.058.185A3.505 3.505 0 0 1 35.5 35a3.5 3.5 0 0 1-1.139-.19zm-4.396-2.19a3.5 3.5 0 0 0-2.383 3.797l3.938-3.937a3.55 3.55 0 0 0-1.555.14M31 13a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 2a3 3 0 1 0 0-6a3 3 0 0 0 0 6M13 33a1 1 0 1 0 0-2a1 1 0 0 0 0 2m0 2a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></g></svg>

Imm Outline アイコンの使い方

React

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

<Icon icon="healthicons:imm-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:imm-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:imm-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:imm-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/imm-outline.svg" alt="Imm Outline アイコン" width="24" height="24">

Health Icons の関連アイコン

Imm Outline アイコン のよくある質問

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

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

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

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

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

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

Health Icons をすべて見る →