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

Head Circumference Outline アイコン

healthicons:head-circumference-outline

Head Circumference Outline アイコン(healthicons:head-circumference-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
カテゴリ
記号
タグ
headcircumference、circumferenceoutline、headcircumferenceoutline、head circumference2x outline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M14.698 29.31c-1.369-1.57-3.661-4.94-3.698-9.264c-1.625-.226-3.04-.505-4.093-.847c-.521-.17-1.074-.39-1.537-.701c-.372-.25-1.248-.937-1.248-2.155s.876-1.904 1.248-2.154c.463-.31 1.016-.532 1.537-.701c1.07-.347 2.512-.63 4.169-.858l.692-.09c-.601.795-1.163 1.567-1.546 2.241a22 22 0 0 0-2.469.538c-1.047.312-1.63.659-1.63 1.024c0 .366.583.713 1.63 1.025l.097.028c.852.245 1.992.468 3.361.66a9.94 9.94 0 0 1 2.18-4.388C15.208 11.57 18.165 10 22.67 10c2.267 0 3.976.289 5.369.83c1.404.545 2.425 1.322 3.339 2.2l.214.203c.592.559 1.262 1.19 1.6 2.122c.304.84.69 1.875 1.108 2.985c2.465-.241 4.465-.566 5.778-.944l.097-.028c1.047-.312 1.63-.659 1.63-1.025s-.583-.712-1.63-1.024l-.097-.028a21 21 0 0 0-2.079-.46V17.5L34 14l4-4v2.803c1.177.193 2.208.42 3.022.685c.521.169 1.074.39 1.537.7c.372.25 1.248.938 1.248 2.155c0 1.218-.876 1.905-1.248 2.155c-.463.31-1.016.532-1.537.7c-1.07.348-2.512.631-4.17.858q-.858.118-1.818.22a1045 1045 0 0 0 1.803 4.695c.678 1.753-.4 3.625-2.135 4.014v2.034a3 3 0 0 1-3 3h-2.986V38h-2v-5.981h4.986a1 1 0 0 0 1-1v-3.961h1.333c.705 0 1.19-.708.937-1.366a907 907 0 0 1-2.006-5.227c-2.671.21-5.744.327-9.001.327c-4.087 0-7.882-.185-10.96-.505c.127 3.777 2.291 6.74 3.425 7.959l.268.288V38h-2zm.204-14.332a7.94 7.94 0 0 0-1.694 3.32c2.99.31 6.717.494 10.757.494c2.982 0 5.794-.1 8.264-.278a257 257 0 0 1-.917-2.478c-.168-.462-.477-.758-1.143-1.396l-.175-.168c-.79-.759-1.593-1.357-2.678-1.778C26.22 12.268 24.773 12 22.67 12c-3.997 0-6.375 1.37-7.768 2.977" clip-rule="evenodd"/></svg>

Head Circumference Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:head-circumference-outline"></iconify-icon>

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →