H3 アイコン

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

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

unjs:h3

H3 アイコン(unjs:h3)は、UnJS Logos セットの無料 SVG アイコンです（作者: UnJS）。 32 × 32 のグリッドで描かれています。 UnJS Logos icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: UnJS Logos
作者: UnJS
ライセンス: Apache-2.0
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#feb804" d="M17.42 13.51s7.243-11.603 7.407-11.893c.165-.29.2-.822-.255-.822c-.454 0-11.737 11.518-11.737 11.518l-8.013 4.75s-.537.33-.455.742c.083.413.443.43.608.43s8.713-.045 9.21-.06c.617-.018.465.86.465.86L9.24 27.54s-2.362 3.27-2.362 3.492c0 .328.394.49.762.27c.285-.17 18.71-15.782 19.523-16.854c.22-.293.332-1.063-.576-1.063s-8.134 2.105-8.134 2.105z"/><path fill="#ffc927" d="M16.153 12.588c-.223.305-.283.815.197.845c.477.027 10.237-.046 10.237-.046s-6.972 6.408-9.082 8.32c-2.11 1.913-9.097 8.108-9.567 8.546c-.46.43-.878.825-1.048.77c-.027-.008-.062-.155.595-1.238c.6-.988 6.36-10.64 6.585-11.005s.422-.675.535-.845c.112-.17.477-1.098-.283-1.098s-9.5.226-9.5.226s6.038-5.123 7.783-6.5C14.35 9.185 24.24.794 24.573.794c.332 0-8.195 11.485-8.42 11.793"/><path fill="#ffe567" d="M15.863 17.688c.45-.648.892-.695 1.16-.535c.345.207.38.684-.055 1.262c-.686.915-5.72 7.653-5.913 7.89c-.365.45-.902.253-.553-.4c.293-.54 4.896-7.547 5.36-8.218m-7.156-1.315c-.862.577-1.665-.286-1.087-.918c.577-.633 4.368-3.787 5.135-4.44c.768-.652 5.248-4.55 5.595-4.83c.46-.37.745.005.455.39c-.288.385-3.455 3.55-4.852 4.835c-1.08.995-4.426 4.413-5.246 4.962"/></g></svg>

H3 アイコンの使い方

React

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

<Icon icon="unjs:h3" width="24" />

Vue

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

<template>
  <Icon icon="unjs:h3" width="24" />
</template>

Svelte

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

<Icon icon="unjs:h3" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--h3]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:h3"></div>

Web コンポーネント

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

<iconify-icon icon="unjs:h3"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/unjs/h3.svg" alt="H3 アイコン" width="24" height="24">

他のアイコンセットの H3 アイコン

H3 アイコンのよくある質問

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

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

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

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

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

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

UnJS Logos アイコンをすべて見る →