Earth アイコン

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

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

fontisto:earth

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

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: インターフェース

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12s12-5.373 12-12C23.992 5.376 18.624.008 12.001 0zm-.495 15.689c.068.203-.525.795-.575.829s-1.15-.575-1.337-.66a6 6 0 0 1-.599-1.413l-.01-.042l-.406-.389s-.93-.694-1.015-.727s-.254-1.336-.308-1.455a3 3 0 0 0-.516-.556l-.005-.004a5.3 5.3 0 0 1-.152-1.215v-.003c.043-.431.182-.822.395-1.162l-.007.011a2 2 0 0 0 .217-1.519l.003.014c-.102-.169-.765.08-.765.08a2.4 2.4 0 0 0-.543-.217l-.017-.004l-.343-.64s-2.044-.146-2.01-.196c1.947-2.732 5.103-4.492 8.671-4.492q.71 0 1.396.091l-.054-.006h.11c.366.027.704.027.896.367c.038.066.724.669.707.669h-1.874l-.389.338l1.71 1.022c-.234.064-.71.212-1.03.314a2 2 0 0 0-.601.31l.005-.004l-.676.507l-.629.899l.916.677s1.066.812 1.12.846s.27-.677.27-.677q-.037-.822-.07-1.646l.507.169l.744-.068l.829.64c.143.224.285.484.407.756l.016.04c-.01.114-.09.735.054.758h.006a.15.15 0 0 0 .075-.021h-.001c.257-.125.501-.27.746-.415c.116-.069.364-.289.505-.289c-.061.25-.148.47-.261.674l.007-.014c-.026.04-.66 1.095-.93 1.543q-.126.209-.287.369l-.88.896l.305.524l-.736.871a2 2 0 0 1-.199.204l-.002.002l-.789.699s-.862.203-.914.203s-.694.152-.694.152s-1.218-.118-1.387.524a3.56 3.56 0 0 0 .398 1.856l-.009-.02zm8.986-3.138c.154-.034-.41.72-.445.838a6 6 0 0 1-.615.72l-.96.12a2.01 2.01 0 0 1 1.797-1.651l.008-.001c.105-.01.184-.019.214-.026zm-5.445 3.005l-.449-.664c-.036-.054.179-.287.179-.287s1.705-.251 1.866-.234s.43.521.43.521s-.592.771-.79.771s-1.238-.107-1.238-.107zm.454 2.328s-.205.086-.41.188s-.462.188-.496.12a2.3 2.3 0 0 0-.452-.37l-.01-.006a5 5 0 0 0-.791-.467l-.03-.013a2.1 2.1 0 0 1-.681-.56l-.003-.004c-.044-.099.171-.393.205-.547s-.017-.613.086-.56s.325-.08.547 0c.25.079.463.214.632.391l.001.001q.156.337.425.562l.002.002c.188.12.53.256.513.48s.257.513.257.513zm.334 3.2c-.931-.413-1.164-.88-1.093-.969c.3-.266.575-.535.836-.818l.007-.008c.179-.251 1.113-1.31 1.113-1.31l-.287-.574l.8-.474c.237-.142.516-.238.816-.268l.008-.001l.78-.076q.07-.007.139-.009l1.258-.034s1.143-.296.969.018c-2.618 4.73-5.346 4.521-5.346 4.521z"/></svg>

Earth アイコンの使い方

React

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

<Icon icon="fontisto:earth" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:earth" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:earth" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fontisto:earth"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/earth.svg" alt="Earth アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

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