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

Tissue Outline アイコン

healthicons:tissue-outline

Tissue Outline アイコン(healthicons:tissue-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
カテゴリ
体
タグ
tissueoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M12.84 15.802a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-1.838 8.4a1 1 0 1 1-2 0a1 1 0 0 1 2 0M12 34.367a1 1 0 1 0 0-2a1 1 0 0 0 0 2M25.658 34a1 1 0 1 0 0-2a1 1 0 0 0 0 2m11.182-.198a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-1-9a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-12 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-10a1 1 0 1 1-2 0a1 1 0 0 1 2 0m11-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M4.114 28.302V34a4 4 0 0 0 4 4H40a4 4 0 0 0 4-4V14a4 4 0 0 0-4-4H8.114a4 4 0 0 0-4 4v13.373a1 1 0 0 0 0 .929m4-16.302h9.874l-3.995 7.19l-7.764-1.826a1 1 0 0 0-.115-.02V14a2 2 0 0 1 2-2m-2 7.392l7.602 1.788l2.047 6.551l-9.649-.804zm0 9.542l9.407.784L13.558 36H8.114a2 2 0 0 1-2-2zm11.478.861L15.653 36h18.016l-3.965-7.137zm14.48-.789l3.802 6.846q.041.072.067.148h4.06a2 2 0 0 0 2-2v-4.2zM42 27.794l-10.825-.866l2.082-6.661L42 19.393zm-12.913-.89l-11.218.864l-2.032-6.503l15.278-.849zM16.254 19.24l14.909-.829L29.159 12h-8.883zm16.957-.977l8.79-.88V14a2 2 0 0 0-2-2h-8.746z" clip-rule="evenodd"/></g></svg>

Tissue Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →