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

Tongue Outline アイコン

healthicons:tongue-outline

Tongue Outline アイコン(healthicons:tongue-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
カテゴリ
感情
タグ
tongueoutline、tongue2x 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="M30.5 18a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m-.5 2.5a.5.5 0 1 1 1 0a.5.5 0 0 1-1 0m-15 0a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0m2.5-.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1"/><path d="M27.874 41.582C35.953 39.81 42 32.612 42 24c0-9.941-8.059-18-18-18S6 14.059 6 24c0 8.611 6.047 15.81 14.126 17.582A5.98 5.98 0 0 0 24 43a5.98 5.98 0 0 0 3.874-1.418m1.797-2.616C35.708 36.677 40 30.84 40 24c0-8.837-7.163-16-16-16S8 15.163 8 24c0 6.84 4.292 12.677 10.33 14.966A6 6 0 0 1 18 37v-1.811c-1.13-.401-1.959-.925-2.563-1.509c-1.383-1.336-1.397-2.8-1.397-3.18v-.014l-.003-.041l-.01-.123v-.011a8 8 0 0 1-.025-.41c-.009-.31.005-.738.148-1.174a2.33 2.33 0 0 1 .963-1.256c.504-.325 1.135-.471 1.868-.471h14.077c.66 0 1.23.167 1.695.491c.459.32.744.744.92 1.147c.328.749.327 1.548.327 1.84v.022c0 .507-.203 1.933-1.679 3.216c-.58.505-1.338.969-2.321 1.345V37c0 .689-.116 1.35-.33 1.966m-12.844-6.724c.266.257.643.532 1.173.786V32a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v.875a5 5 0 0 0 1.01-.669c.48-.418.725-.831.851-1.142a2 2 0 0 0 .136-.516v-.008l.003-.027V30.5c0-.293-.01-.72-.159-1.06a.7.7 0 0 0-.232-.308c-.082-.057-.239-.132-.55-.132H16.98c-.48 0-.699.096-.786.152a.33.33 0 0 0-.145.199q-.058.176-.049.492c.003.102.01.201.02.308l.001.024c.007.088.018.215.018.325v.01c0 .197-.002.97.787 1.732M24 37a1 1 0 0 1-1-1v-3h-3v4a4 4 0 0 0 8 0v-4h-3v3a1 1 0 0 1-1 1"/></g></svg>

Tongue Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →