Signpost Duotone アイコン

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

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

reicon:signpost-duotone

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: 地図
タグ: signpostduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12.75 2a.75.75 0 0 0-1.5 0v1.5h1.5zm-1.5 8.5v2h1.5v-2zm0 10.75V19.5h1.5v1.75H14a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5z" clip-rule="evenodd" opacity=".5"/><path d="M11.25 3.5H6.703c-.658 0-.987 0-1.289.098a2 2 0 0 0-.382.17c-.275.16-.494.404-.934.894c-.85.947-1.276 1.42-1.378 1.974a2 2 0 0 0 0 .728c.102.553.528 1.027 1.378 1.974c.44.49.66.734.934.893q.183.105.382.17c.302.099.63.099 1.289.099H17.5c1.404 0 2.106 0 2.61-.337a2 2 0 0 0 .552-.552C21 9.107 21 8.404 21 7s0-2.107-.338-2.611a2 2 0 0 0-.551-.552C19.606 3.5 18.904 3.5 17.5 3.5zm0 9H6.5c-1.405 0-2.107 0-2.612.337a2 2 0 0 0-.551.552C3 13.893 3 14.596 3 16s0 2.107.337 2.611a2 2 0 0 0 .551.552c.505.337 1.207.337 2.612.337h10.796c.657 0 .986 0 1.288-.098q.2-.066.382-.17c.275-.16.494-.404.934-.894c.85-.947 1.276-1.42 1.378-1.974a2 2 0 0 0 0-.728c-.102-.553-.528-1.027-1.378-1.974c-.44-.49-.66-.734-.934-.893a2 2 0 0 0-.382-.17c-.302-.099-.63-.099-1.288-.099z"/></g></svg>

Signpost Duotone アイコンの使い方

React

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

<Icon icon="reicon:signpost-duotone" width="24" />

Vue

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

<template>
  <Icon icon="reicon:signpost-duotone" width="24" />
</template>

Svelte

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

<Icon icon="reicon:signpost-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:signpost-duotone"></iconify-icon>

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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

Reicon アイコンをすべて見る →