Earth Sharp Fill アイコン

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

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

keyline-icons:earth-sharp-fill

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: earthsharp、sharpfill、earthsharpfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1C18.0751 1 23 5.9249 23 12ZM15.4423 3.6843C14.3509 3.2325 13.1812 3 12 3C7.0294 3 3 7.0294 3 12C3 12.0916 3.0014 12.1832 3.0042 12.2748L4.579 11.5954C4.7187 11.5351 4.8782 11.5417 5.0124 11.6133L6.1639 12.2274C6.2526 12.2747 6.3249 12.3476 6.3716 12.4366L8.0379 15.6179C8.2288 15.9822 8.7533 15.9732 8.9315 15.6025L10.7995 11.7171C10.9126 11.4817 11.1879 11.3731 11.4313 11.4677L12.5916 11.9189C12.7242 11.9705 12.8286 12.0762 12.8785 12.2094L13.6201 14.187C13.7698 14.5862 14.3184 14.627 14.5254 14.2543L15.476 12.5433C15.4919 12.5145 15.5051 12.4842 15.5151 12.4528L16.2583 10.1304C16.2856 10.045 16.2895 9.9539 16.2695 9.8666L15.5114 6.5499C15.5038 6.5167 15.4996 6.4828 15.499 6.4488L15.4423 3.6843ZM20.7836 13.9617L18.2876 15.9309C18.2299 15.9764 18.183 16.0341 18.1501 16.0998L16.8111 18.7778C16.8037 18.7926 16.7956 18.807 16.7868 18.821L16.0055 20.0595C18.4363 18.8515 20.1919 16.6109 20.7836 13.9617Z" clip-rule="evenodd"/></svg>

Earth Sharp Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:earth-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:earth-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:earth-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--earth-sharp-fill]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="keyline-icons:earth-sharp-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/earth-sharp-fill.svg" alt="Earth Sharp Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →