Tac Outline アイコン

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

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

healthicons:tac-outline

Tac Outline アイコン(healthicons:tac-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
カテゴリ: デバイス
タグ: tacoutline、tac2x outline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M38.214 31.353A15.9 15.9 0 0 0 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24c0 2.651.645 5.151 1.786 7.353L8.73 33.535A17.9 17.9 0 0 1 6 24c0-9.941 8.059-18 18-18s18 8.059 18 18c0 3.502-1 6.77-2.73 9.535z"/><path fill-rule="evenodd" d="M24 17a5 5 0 1 0 0 10a5 5 0 0 0 0-10m-3 5a3 3 0 1 1 6 0a3 3 0 0 1-6 0" clip-rule="evenodd"/><path fill-rule="evenodd" d="M14.058 25.253q.063-.147.135-.287A10 10 0 0 1 14 23c0-5.523 4.477-10 10-10s10 4.477 10 10q-.001 1.01-.193 1.966q.072.14.135.287l4.727 11.19C39.783 39.082 37.847 42 34.984 42H13.016c-2.863 0-4.799-2.92-3.685-5.556zM24 15a8 8 0 0 0-7.997 8.208c.464-.224.974-.36 1.505-.391a6.5 6.5 0 0 0 .414 1.993h-.179a2 2 0 0 0-1.842 1.221l-4.727 11.191A2 2 0 0 0 13.016 40h.322a3.5 3.5 0 0 1-.055-2.879l2.48-5.788A5.5 5.5 0 0 1 20.82 28h6.362a5.5 5.5 0 0 1 5.055 3.333l2.48 5.788a3.5 3.5 0 0 1-.054 2.88h.322a2 2 0 0 0 1.843-2.779L32.1 26.032a2 2 0 0 0-1.843-1.222h-.18a6.5 6.5 0 0 0 .415-1.993c.531.03 1.041.167 1.505.39Q32 23.106 32 23a8 8 0 0 0-8-8m8.09 24.879a1.5 1.5 0 0 1-.564.121h-.051a1.5 1.5 0 0 1-.97-.376a1 1 0 0 0-.113-.087l-1.963-4.908a1 1 0 0 0-1.857.742L28.423 40h-8.846l1.851-4.629a1 1 0 0 0-1.857-.742l-1.963 4.908q-.06.039-.113.087a1.5 1.5 0 0 1-.97.376h-.05a1.5 1.5 0 0 1-1.353-2.091l2.48-5.788A3.5 3.5 0 0 1 20.819 30h6.362a3.5 3.5 0 0 1 3.217 2.121l2.48 5.788a1.5 1.5 0 0 1-.787 1.97" clip-rule="evenodd"/><path d="M19.376 12.381a12 12 0 0 1 9.184.065l.779-1.842a14 14 0 0 0-10.715-.076z"/></g></svg>

Tac Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →