4x4 Outline アイコン

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

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

healthicons:4x4-outline

4x4 Outline アイコン(healthicons:4x4-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
カテゴリ: 乗り物
タグ: 4x4outline、4x42x 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="M16.837 22.654a1.5 1.5 0 1 1-2.898-.776a1.5 1.5 0 0 1 2.898.776m15.549 5.72a1.5 1.5 0 1 0 .777-2.898a1.5 1.5 0 0 0-.777 2.898"/><path fill-rule="evenodd" d="m13.207 14.952l1.448.389l-.132.495l-1.685 1.202a3 3 0 0 0-1.154 1.665l-1.29 4.813a3 3 0 0 0 1.331 3.336l-.904 3.376a1 1 0 0 0 .707 1.225l3.864 1.035a1 1 0 0 0 1.224-.707l.873-3.258l9.515 2.55h.002l1.296.347l-.873 3.258a1 1 0 0 0 .707 1.225l3.863 1.035a1 1 0 0 0 1.225-.707l.955-3.564a3 3 0 0 0 2.295-2.163l1.32-4.926a3 3 0 0 0-.05-1.723l-.718-2.158a3 3 0 0 0-.159-.387l.005-.017l1.449.389a2 2 0 0 0 2.449-1.415l.906-3.38a2 2 0 0 0-1.414-2.45l-1.49-.399a3 3 0 0 0-2.21-3.18l-16.42-4.4a3 3 0 0 0-3.505 1.649l-1.49-.4a2 2 0 0 0-2.449 1.415l-.906 3.38a2 2 0 0 0 1.415 2.45M14.63 9.64l1.449.388l-.906 3.38l-1.449-.388zM28.488 29.4l4.83 1.294a1 1 0 0 0 1.224-.707l1.32-4.927a1 1 0 0 0-.017-.574l-.717-2.159a1 1 0 0 0-.69-.65l-17.47-4.682a1 1 0 0 0-.84.152L14 18.667a1 1 0 0 0-.384.554l-1.29 4.813a1 1 0 0 0 .707 1.225l4.83 1.294l1.294-4.83a1 1 0 0 1 1.224-.707l8.694 2.33a1 1 0 0 1 .707 1.224zm-8.693-2.33l2.414.647l.669-2.494a1 1 0 0 1 1.932.518l-.669 2.494l2.415.647l1.035-3.864l-6.761-1.811zm18.5-11.09l1.449.389l-.906 3.38l-1.449-.387zm-1.544-1.966a1 1 0 0 0-.707-1.224l-16.42-4.4a1 1 0 0 0-1.225.706l-1.553 5.796l18.353 4.918z" clip-rule="evenodd"/><path d="M11 34a5 5 0 0 0-5 5v2a1 1 0 1 0 2 0v-2a3 3 0 1 1 6 0v1a1 1 0 1 0 2 0a2 2 0 1 1 4 0a1 1 0 1 0 2 0a1 1 0 0 1 2 0v1a1 1 0 0 0 1.25.968q.12.032.25.032h9a1 1 0 1 0 0-2H26a3 3 0 0 0-4.8-2.4a4 4 0 0 0-5.68-.738A5 5 0 0 0 11 34"/></g></svg>

4x4 Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:4x4-outline"></iconify-icon>

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →