Ht アイコン
flagpack:ht
Ht アイコン(flagpack:ht)は、Flagpack セットの無料 SVG アイコンです（作者: Yummygum）。 32 × 24 のグリッドで描かれています。 Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><defs><path id="SVGRVTcibgZ" fill="#fff" d="M10 8h12v8H10z"/></defs><g fill="none"><path fill="#2e42a5" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/><mask id="SVGcFaS5cXn" width="32" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/></mask><g mask="url(#SVGcFaS5cXn)"><path fill="#e31d1c" fill-rule="evenodd" d="M0 12v12h32V12z" clip-rule="evenodd"/><use href="#SVGRVTcibgZ"/><mask id="SVGB2NCPcxm" width="12" height="8" x="10" y="8" maskUnits="userSpaceOnUse" style="mask-type:luminance"><use href="#SVGRVTcibgZ"/></mask><g mask="url(#SVGB2NCPcxm)"><path fill="#279e19" fill-rule="evenodd" d="M10 14.578s2.88-.758 6-.711c3.12.046 6 .889 6 .889V16H10z" clip-rule="evenodd"/><path stroke="#026a16" stroke-width=".5" d="M16.074 8.901s-.932-.42-1.581-.42c-.65 0-1.011.64-1.011.64"/><path stroke="#026a16" stroke-width=".5" d="M16.28 9.322s-.856-.307-1.454-.307s-.93.468-.93.468"/><path stroke="#026a16" stroke-width=".5" d="M16.28 9.677s-.633-.306-1.076-.306c-.442 0-.688.467-.688.467"/><path stroke="#026a16" stroke-width=".5" d="M16.02 10.033s-.392-.307-.665-.307s-.425.468-.425.468"/><path stroke="#026a16" stroke-width=".5" d="M15.986 10.275s-.156-.193-.266-.193c-.109 0-.17.295-.17.295m.376-1.476s.931-.42 1.581-.42s1.011.64 1.011.64"/><path stroke="#026a16" stroke-width=".5" d="M15.72 9.322s.856-.307 1.454-.307s.93.468.93.468"/><path stroke="#026a16" stroke-width=".5" d="M15.72 9.677s.633-.306 1.076-.306c.442 0 .688.467.688.467"/><path stroke="#026a16" stroke-width=".5" d="M15.98 10.033s.392-.307.665-.307s.425.468.425.468"/><path stroke="#026a16" stroke-width=".5" d="M16.014 10.275s.156-.193.265-.193s.17.295.17.295"/><path fill="#feca00" fill-rule="evenodd" d="M15.888 10.398s-.115 1.338-.115 1.882s.115 1.719.115 1.719h.293v-1.72c0-.453-.172-1.88-.172-1.88z" clip-rule="evenodd"/><path fill="#c51918" fill-rule="evenodd" d="M14.732 11.919s-.724.387-.724 1.535l.724 1.385h1.307v-2.282z" clip-rule="evenodd"/><path fill="#0a328c" fill-rule="evenodd" d="M13.659 10.826s-1.69.5-1.69 2.349l2.19.187s-.12-1.074.554-1.57z" clip-rule="evenodd"/><path stroke="#ffd018" stroke-width=".5" d="m12.96 10.12l2.901 2.659m-3.907-2.056l4.045 2.627m-4.742-1.61l4.56 2.085"/><path fill="#feca00" fill-rule="evenodd" d="m11.98 13.16l3.025.338l-.17.423h-.48l.327.238l.737.173v-.411h.645v.873h-1.382l-.53-.635s-.445.44-.88.44c-.434 0-.862-.143-.862-.622v-.333l-.43-.146z" clip-rule="evenodd"/><path fill="#c51918" fill-rule="evenodd" d="M16.854 11.919s.724.387.724 1.535l-.724 1.385h-1.307v-2.282z" clip-rule="evenodd"/><path fill="#0a328c" fill-rule="evenodd" d="M17.927 10.826s1.691.5 1.691 2.349l-2.19.187s.12-1.074-.555-1.57z" clip-rule="evenodd"/><path stroke="#ffd018" stroke-width=".5" d="m18.625 10.12l-2.9 2.659m3.908-2.056l-4.046 2.627m4.743-1.61l-4.56 2.085"/><path fill="#feca00" fill-rule="evenodd" d="m19.606 13.16l-3.025.338l.17.423h.48l-.327.238l-.737.173v-.411h-.645v.873h1.382l.53-.635s.445.44.88.44c.434 0 .863-.143.863-.622v-.333l.43-.146z" clip-rule="evenodd"/></g></g></g></svg>Ht アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="flagpack:ht" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flagpack:ht" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flagpack:ht" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--ht]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:ht"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flagpack:ht"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/flagpack/ht.svg" alt="Ht アイコン" width="24" height="24">他のアイコンセットの Ht アイコン
Ht アイコン のよくある質問
Ht アイコンは商用利用でも無料ですか?
はい。Flagpack icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ht アイコンを使うには?
@iconify/react をインストールして <Icon icon="flagpack:ht" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ht アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flagpack/ht.svg" alt="Ht アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。