Earth Pacific アイコン
gis:earth-pacific
Earth Pacific アイコン(gis:earth-pacific)は、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
- カテゴリ
- タグ
- earthpacific
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M50 0C22.404 0 0 22.404 0 50s22.404 50 50 50c27.546 0 49.911-22.324 49.992-49.852A2 2 0 0 0 100 50a2 2 0 0 0-.006-.133C99.922 22.332 77.552 0 50 0m-6.146 3.412C43.81 3.66 42.242 5.27 43.352 5c6.535.308-1.792 2.071-4.186 2.842c-.2.738 6.33-.953 8.47-1.768c3.527-.887 8.276-2.055 11.915.516c3.01 2.151 6.147 2.456 9.066 5.443c1.666 3.912 4.761 7.068 8.07 9.668c3.263 1.954 5.393 5.572 7.885 8.285c3.882 3.743.26-1.98-1.072-3.236c1.037.344 4.962 5.38 5.152 5.791c.922 3.886 4.802 4.384 7.086 6.65A47.2 47.2 0 0 1 97 50c0 25.975-21.025 47-47 47c-8.2 0-15.902-2.099-22.61-5.783c.11-.253.18-.5.223-.565c2.813-2.37-3.41-5.33-4.281-5.207c2.76 1.192 1.838 3.076 1.994 4.565c-9.94-6.14-17.407-15.878-20.605-27.405c.613.775 1.27 1.478 1.744 1.383c-1.119-2.228-3.877-4.673-1.533-6.215c.504 1.081 2.26 4.465 3.076 4.842c1.74 3.033 2.478.992.758-1.068c-2.892-1.109-4.281-7.583-5.303-7.219c.792 2.297.56 2.83.03 2.45A47.5 47.5 0 0 1 3 50C3 27.185 19.222 8.195 40.77 3.91c.724-.05 1.45-.061 2.177.031c.426-.312.635-.444.768-.511zm46.86 23.108a46.7 46.7 0 0 1 3.67 8.005l-.011.06v.003l-.13.168l-.188.002c-1.862-1.689-4.055-6.601-3.34-8.238m-46.841 5.423c-.717-.011 2.482 1.909 2.23 3.227c3.117.23.524-3.035-1.017-2.879c-.673-.24-1.048-.345-1.213-.348M22.102 70.93c-.29.026-.655.197-1.112.568c-.312 2.502 1.543 2.344 2.225 2.424c.002-.537.142-3.108-1.113-2.992"/></svg>Earth Pacific アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gis:earth-pacific" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:earth-pacific" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:earth-pacific" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--earth-pacific]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:earth-pacific"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:earth-pacific"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gis/earth-pacific.svg" alt="Earth Pacific アイコン" width="24" height="24">Font-GIS の関連アイコン
earth
earth-america
earth-america-o
earth-asia
earth-asia-o
earth-atlantic
earth-atlantic-o
earth-australia
earth-australia-o
earth-euro-africa
earth-euro-africa-o
earth-gear
earth-net
earth-net-o
earth-network
earth-network-o
earth-north
earth-north-o
earth-o
earth-pacific-o
earth-south
earth-south-o
Earth Pacific アイコン のよくある質問
Earth Pacific アイコンは商用利用でも無料ですか?
はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Earth Pacific アイコンを使うには?
@iconify/react をインストールして <Icon icon="gis:earth-pacific" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Earth Pacific アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/earth-pacific.svg" alt="Earth Pacific アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。