Earth Americas アイコン
pepicons-pop:earth-americas
Earth Americas アイコン(pepicons-pop:earth-americas)は、Pepicons Pop! セットの無料 SVG アイコンです（作者: CyCraft）。 20 × 20 のグリッドで描かれています。 Pepicons Pop! icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pepicons Pop!
- 作者
- CyCraft
- ライセンス
- CC-BY-4.0
- サイズ
- 20 × 20
- タグ
- earthamericas、america
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.702 2.918L9.83.665l1.342.67l-1.127 2.254a.25.25 0 0 0 .074.312l.341.256l.01.006h.004q.005.002.015-.002l.014-.008l.002-.004l.003-.01a1.53 1.53 0 0 1 2.48-.876l.964.803a1.75 1.75 0 0 1-.15 2.801l-.219.146a.3.3 0 0 0-.069.07l-.721 1.081a.25.25 0 0 0-.042.139v.283c0 .464-.184.91-.513 1.237l-.207.207a1.457 1.457 0 0 1-2.03.03l-.005.006l-.002.002v.005l.001.002l1.076 1.436c.752.799-.108 2.082-1.143 1.668l-1.132-.453a1.3 1.3 0 0 1-.326-.19l-2.338-1.871a1.8 1.8 0 0 1-.307-.316L4.686 8.83a1.75 1.75 0 0 1-.298-1.475l.306-1.224a.25.25 0 0 0-.01-.154l-.88-2.2l1.392-.557l.88 2.2c.137.342.162.718.073 1.075L5.843 7.72a.25.25 0 0 0 .043.21l1.138 1.518a.3.3 0 0 0 .044.046l1.597 1.278a1.51 1.51 0 0 1 .27-1.767l.035-.035A1.457 1.457 0 0 1 11 8.94l.177-.177a.25.25 0 0 0 .073-.177v-.283c0-.346.102-.683.294-.97l.721-1.083a1.8 1.8 0 0 1 .485-.485l.22-.146a.25.25 0 0 0 .021-.4l-.964-.803l-.011-.007h-.002q-.003-.002-.016.001l-.014.01q-.002 0-.002.002l-.004.011a1.53 1.53 0 0 1-2.418.924l-.342-.256a1.75 1.75 0 0 1-.516-2.183"/><path d="M12.592 13.45a.25.25 0 0 0-.292.128l-.406.81a.25.25 0 0 0 0 .224l.576 1.15c.223.448.245.97.06 1.433l-.834 2.084l-1.392-.558l.833-2.083a.25.25 0 0 0-.009-.204l-.575-1.151a1.75 1.75 0 0 1 0-1.566l.405-.81a1.75 1.75 0 0 1 2.046-.9l.629.18c.367.104.69.327.919.632l.505.674l.024.027l.304.304c.64.64.686 1.662.107 2.358l-1.916 2.298l-1.152-.96l1.915-2.299a.25.25 0 0 0-.015-.336l-.304-.304a2 2 0 0 1-.163-.188l-.505-.674a.25.25 0 0 0-.132-.09z"/><path d="M10 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16M0 10C0 4.477 4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10"/></g></svg>
Earth Americas アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pop:earth-americas" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pop:earth-americas" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pop:earth-americas" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pop--earth-americas]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pop -->
<div class="i-pepicons-pop:earth-americas"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pop:earth-americas"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/pepicons-pop/earth-americas.svg" alt="Earth Americas アイコン" width="24" height="24">
他のアイコンセットの Earth Americas アイコン
Earth Americas アイコン のよくある質問
Earth Americas アイコンは商用利用でも無料ですか?
はい。Pepicons Pop! icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Earth Americas アイコンを使うには?
@iconify/react をインストールして <Icon icon="pepicons-pop:earth-americas" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Earth Americas アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pepicons-pop/earth-americas.svg" alt="Earth Americas アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Pepicons Pop! アイコン をすべて見る →
ICONYZ
