Azimuth アイコン
gis:azimuth
Azimuth アイコン(gis:azimuth)は、Font-GIS セットの無料 SVG アイコンです（作者: Jean-Marc Viglino）。 100 × 100 のグリッドで描かれています。 Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font-GIS
- 作者
- Jean-Marc Viglino
- ライセンス
- CC-BY-4.0
- サイズ
- 100 × 100
- カテゴリ
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M25.23 4.05c-6.89 0-12.55 5.66-12.55 12.55c0 6.096 4.434 11.224 10.228 12.326v6.902h5V28.85c5.385-1.196 9.486-5.903 9.803-11.563c.036-.697.006-1.01 0-1.379c-.37-6.566-5.828-11.857-12.48-11.857m0 7c3.107 0 5.551 2.443 5.551 5.55s-2.444 5.552-5.55 5.552c-3.107 0-5.551-2.446-5.551-5.552c0-3.107 2.444-5.55 5.55-5.55m3.428 24.565v5a39.02 39.02 0 0 1 24.854 8.946l-5.79 5.85l16.806 1.503l-1.103-17.49l-6.39 6.33c-7.957-6.85-17.787-10.14-28.377-10.139m-5.75 5.213v10h5v-10zm56.74.524c-4.293 0-7.671 3.376-7.671 7.67c0 .8.117 1.57.335 2.29l-4.988 3.868l3.063 3.95l4.879-3.78a7.7 7.7 0 0 0 4.382 1.347c4.294 0 7.672-3.382 7.672-7.676c0-4.293-3.378-7.67-7.672-7.67m-56.74 14.476v10h5v-10zm40.465 2.416l-7.902 6.129l3.062 3.951l7.903-6.129zM51.52 67.436l-7.903 6.128l3.063 3.952l7.902-6.13zm-28.612 3.392v10h5v-10zm16.758 5.8l-7.904 6.128l3.064 3.951l7.903-6.127zM27.811 85.82l-.01.008h-4.893V95.95l4.031-3.127l3.936-3.05l-2.967-3.827v-.117h-.092z" color="currentColor"/></svg>Azimuth アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gis:azimuth" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:azimuth" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:azimuth" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--azimuth]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:azimuth"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:azimuth"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gis/azimuth.svg" alt="Azimuth アイコン" width="24" height="24">Azimuth アイコン のよくある質問
Azimuth アイコンは商用利用でも無料ですか?
はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Azimuth アイコンを使うには?
@iconify/react をインストールして <Icon icon="gis:azimuth" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Azimuth アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/azimuth.svg" alt="Azimuth アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。