4x4 アイコン
healthicons:4x4
4x4 アイコン(healthicons:4x4)は、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
- カテゴリ
- 乗り物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M16.736 8.579a3 3 0 0 1 3.674-2.121l16.42 4.4a3 3 0 0 1 2.122 3.674l-.13.483l2.214.593a1 1 0 0 1 .707 1.225l-.906 3.38a1 1 0 0 1-1.225.707l-2.213-.593l-.416 1.555q.06.109.108.227l.858 2.14a2 2 0 0 1 .076 1.262l-1.23 4.59a2 2 0 0 1-2.45 1.414l-5.743-1.539l1.449-5.406a1 1 0 0 0-.707-1.225l-8.694-2.33a1 1 0 0 0-1.224.708l-1.45 5.406l-6.234-1.67a2 2 0 0 1-1.414-2.45l1.197-4.47a2 2 0 0 1 .876-1.18l2.292-1.425q.043-.027.085-.05l.405-1.51l-2.314-.62a1 1 0 0 1-.707-1.224l.906-3.38a1 1 0 0 1 1.225-.708l2.313.62zm3.156-.19a1 1 0 0 0-1.224.708l-1.553 5.795l18.352 4.918l1.553-5.796a1 1 0 0 0-.707-1.224zm-4.624 15.326a1.5 1.5 0 1 0 .777-2.898a1.5 1.5 0 0 0-.777 2.898m19.224 3.598a1.5 1.5 0 1 1-2.897-.776a1.5 1.5 0 0 1 2.897.776" clip-rule="evenodd"/><path d="M15 39c0-1.06-.474-2.078-1.318-2.828S11.693 35 10.5 35s-2.338.422-3.182 1.172S6 37.939 6 39v2a1 1 0 0 0 1 1h27.5a1 1 0 1 0 0-2H25a2 2 0 0 0-4 0a3 3 0 0 0-6 0zm2.645-10.054l-5.796-1.553l-.76 2.835a1 1 0 0 0 .707 1.225l3.864 1.035a1 1 0 0 0 1.225-.707zm10.8 2.94l5.796 1.553l-.748 2.792a1 1 0 0 1-1.225.707l-3.864-1.035a1 1 0 0 1-.707-1.225zm-8.382-4.816l1.036-3.864l2.516.675l-1.128 3.839zm4.357 1.168l1.127-3.84l2.313.62l-1.035 3.864z"/></g></svg>4x4 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:4x4" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:4x4" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:4x4" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--4x4]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:4x4"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:4x4"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/4x4.svg" alt="4x4 アイコン" width="24" height="24">Health Icons の関連アイコン
4x4 アイコン のよくある質問
4x4 アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で 4x4 アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:4x4" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
4x4 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/4x4.svg" alt="4x4 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。