Earth Sharp Duotone アイコン
keyline-icons:earth-sharp-duotone
Earth Sharp Duotone アイコン(keyline-icons:earth-sharp-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- earthsharp、sharpduotone、earthsharpduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" 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 12Z"/><path fill-rule="evenodd" d="M15.3984 1.5381L15.499 6.4488C15.4996 6.4828 15.5038 6.5167 15.5114 6.5499L16.2695 9.8666C16.2895 9.9539 16.2856 10.045 16.2583 10.1304L15.5151 12.4528C15.5051 12.4842 15.4919 12.5145 15.476 12.5433L14.5254 14.2543C14.3184 14.627 13.7698 14.5862 13.6201 14.187L12.8785 12.2094C12.8286 12.0762 12.7242 11.9705 12.5916 11.9189L11.4313 11.4677C11.1879 11.3731 10.9126 11.4817 10.7995 11.7171L8.9315 15.6025C8.7533 15.9732 8.2288 15.9822 8.0379 15.6179L6.3716 12.4366C6.3249 12.3476 6.2526 12.2747 6.1639 12.2274L5.0124 11.6133C4.8782 11.5417 4.7187 11.5351 4.579 11.5954L1.0567 13.1151C1.0189 12.7446 1 12.3724 1 12C1 5.9249 5.9249 1 12 1C13.154 1 14.3008 1.1816 15.3984 1.5381ZM22.9979 12.2148C22.8982 17.3204 19.2979 21.686 14.3046 22.7559L16.7868 18.821C16.7956 18.807 16.8037 18.7926 16.8111 18.7778L18.1501 16.0998C18.183 16.0341 18.2299 15.9764 18.2876 15.9309L22.9979 12.2148Z" clip-rule="evenodd"/></g></svg>Earth Sharp Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:earth-sharp-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:earth-sharp-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:earth-sharp-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--earth-sharp-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:earth-sharp-duotone"></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-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/earth-sharp-duotone.svg" alt="Earth Sharp Duotone アイコン" width="24" height="24">Keyline Icons の関連アイコン
Earth Sharp Duotone アイコン のよくある質問
Earth Sharp Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Earth Sharp Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:earth-sharp-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Earth Sharp Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/earth-sharp-duotone.svg" alt="Earth Sharp Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。