Earth 16 Regular アイコン
fluent:earth-16-regular
Earth 16 Regular アイコン(fluent:earth-16-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 16 × 16 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 16 × 16
- タグ
- earthregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M1 7.998a6.998 6.998 0 1 1 13.996 0A6.998 6.998 0 0 1 1 7.998M7.998 2h-.05c.092.18.192.395.282.634c.243.646.464 1.592.071 2.428c-.362.77-.985.97-1.45 1.09l-.068.017c-.452.117-.64.165-.775.37c-.126.192-.104.433.04.9l.032.105c.057.182.125.398.16.602c.045.254.057.572-.103.88a1.5 1.5 0 0 1-.622.651a2.2 2.2 0 0 1-.664.21l-.069.012c-.358.063-.54.095-.714.282c-.137.147-.222.402-.272.772c-.02.151-.032.301-.045.456l-.006.082c-.014.17-.032.364-.07.53l-.024.11a5.98 5.98 0 0 0 4.347 1.866a5.97 5.97 0 0 0 3.054-.835a3 3 0 0 1-.258-.286c-.237-.298-.544-.807-.438-1.406c.051-.287.205-.529.356-.716c.154-.19.34-.366.503-.517l.111-.101c.125-.115.233-.213.324-.309a1.3 1.3 0 0 0 .125-.146a.3.3 0 0 0 .031-.053c.05-.167-.01-.29-.084-.347c-.055-.042-.195-.105-.446.053a9 9 0 0 1-.253.158a1 1 0 0 1-.275.117a.534.534 0 0 1-.634-.36a.6.6 0 0 1-.028-.2a1 1 0 0 1 .016-.189c.025-.21.063-.52-.057-.982c-.097-.371-.238-.654-.382-.942a9 9 0 0 1-.196-.412c-.088-.2-.184-.46-.167-.736c.02-.32.181-.58.442-.776c.317-.238.716-.783 1.061-1.334c.165-.263.307-.51.407-.69l.023-.042A5.97 5.97 0 0 0 7.998 2m4.037 1.561c-.102.18-.233.407-.384.648c-.339.54-.824 1.24-1.309 1.603a.2.2 0 0 0-.044.04c0 .027.01.101.084.27q.05.111.13.27c.157.314.376.755.5 1.234c.067.256.099.484.11.681c.436-.144.874-.078 1.212.183c.418.323.593.885.43 1.428c-.076.248-.25.453-.39.6c-.118.123-.26.252-.388.37l-.094.085a4 4 0 0 0-.401.41c-.106.13-.142.215-.15.262c-.03.165.051.377.236.61a2.2 2.2 0 0 0 .307.313a5.99 5.99 0 0 0 2.112-4.57c0-1.758-.756-3.34-1.961-4.437M2 7.998a5.97 5.97 0 0 0 .787 2.973l.018-.15c.054-.405.168-.933.532-1.322c.414-.444.923-.528 1.248-.581q.048-.007.091-.016c.174-.03.279-.058.36-.103a.5.5 0 0 0 .214-.236c.014-.027.033-.09.006-.245c-.023-.133-.067-.272-.123-.451l-.041-.134c-.13-.425-.334-1.115.08-1.744c.361-.547.94-.686 1.314-.777l.114-.028c.398-.103.633-.2.796-.547c.212-.452.12-1.062-.102-1.65a5.4 5.4 0 0 0-.43-.88A6 6 0 0 0 2 7.998"/></svg>
Earth 16 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:earth-16-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:earth-16-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:earth-16-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--earth-16-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:earth-16-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:earth-16-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/earth-16-regular.svg" alt="Earth 16 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Earth 16 Regular アイコン のよくある質問
Earth 16 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Earth 16 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:earth-16-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Earth 16 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/earth-16-regular.svg" alt="Earth 16 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
