Signpost アイコン

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

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

hugeicons:signpost

Signpost アイコン(hugeicons:signpost)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Huge Icons
作者: Hugeicons
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.992 16v5m-3 0h6m.981-18h-5.516c-.921 0-1.382 0-1.725.201a1.5 1.5 0 0 0-.542.55c-.198.347-.198.815-.198 1.75c0 .934 0 1.401.198 1.75c.13.227.317.417.542.548C9.075 8 9.536 8 10.457 8h5.516c.353 0 .53 0 .697-.04q.167-.04.32-.118c.155-.078.29-.192.561-.421c.834-.705 1.25-1.057 1.379-1.49a1.5 1.5 0 0 0 0-.863c-.128-.432-.545-.784-1.379-1.488c-.27-.23-.406-.344-.56-.422a1.5 1.5 0 0 0-.321-.118C16.502 3 16.326 3 15.973 3m-7.96 8h5.514c.922 0 1.383 0 1.726.201c.225.132.411.321.541.55c.198.347.198.815.198 1.75c0 .934 0 1.401-.198 1.75a1.5 1.5 0 0 1-.541.548c-.343.201-.804.201-1.726.201H8.011c-.352 0-.529 0-.696-.04a1.5 1.5 0 0 1-.322-.118c-.153-.078-.289-.192-.56-.421c-.833-.705-1.25-1.057-1.378-1.489a1.5 1.5 0 0 1 0-.864c.128-.431.545-.784 1.378-1.488c.271-.23.407-.344.56-.422q.154-.078.322-.118c.167-.04.344-.04.698-.04m3.979-3v3"/></svg>

Signpost アイコンの使い方

React

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

<Icon icon="hugeicons:signpost" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:signpost" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:signpost" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="hugeicons:signpost"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/hugeicons/signpost.svg" alt="Signpost アイコン" width="24" height="24">

Huge Icons の関連アイコン

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

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

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

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

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

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

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

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

Huge Icons をすべて見る →