Earth Europe Circle アイコン

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

はい。Pepicons Pop! icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

pepicons-pop:earth-europe-circle

Earth Europe Circle アイコン(pepicons-pop:earth-europe-circle)は、Pepicons Pop! セットの無料 SVG アイコンです（作者: CyCraft）。 26 × 26 のグリッドで描かれています。 Pepicons Pop! icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Pepicons Pop!
作者: CyCraft
ライセンス: CC-BY-4.0
サイズ: 26 × 26
タグ: eartheurope、europecircle、eartheuropecircle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M13 5a8 8 0 1 0 0 16a8 8 0 0 0 0-16M3 13C3 7.477 7.477 3 13 3s10 4.477 10 10s-4.477 10-10 10S3 18.523 3 13"/><path d="m13.255 6.014l1.879-1.12l-.768-1.288l-2.096 1.248c-.788.47-.86 1.55-.215 2.13l-.469.278a.3.3 0 0 1-.083.031l-1.81.322A1.75 1.75 0 0 0 8.25 9.338v.353a1.56 1.56 0 0 0 1.372 1.548a1.75 1.75 0 0 0-.994.717l-.507.76a1.75 1.75 0 0 0-.241 1.395l.4 1.599l.13.394a1.662 1.662 0 0 0 2.5.857a.16.16 0 0 1 .18 0l.773.516a.25.25 0 0 1 .085.096l.776 1.551a.25.25 0 0 1 .026.112v.787a1.75 1.75 0 0 0 2.4 1.625l.356-.143a1.75 1.75 0 0 0 1.066-1.968l-.236-1.183a.2.2 0 0 1 .056-.185l.03-.03l1.497-.599c.857-.343.718-1.528-.071-1.753l-.65-.65a.25.25 0 0 1-.061-.098l-.053-.159a1.69 1.69 0 0 0 2.03.401l.022-.01a1.717 1.717 0 0 0 .446-2.75l-.351-.35a.062.062 0 1 1 .095-.08l.253.38a1.75 1.75 0 0 0 1.456.779h.465v-1.5h-.465a.25.25 0 0 1-.208-.111l-.253-.38a1.562 1.562 0 1 0-2.404 1.972l.351.351a.217.217 0 0 1-.056.347l-.021.01a.19.19 0 0 1-.249-.072l-.346-.577c-.607-1.012-2.121-.846-2.494.273a1.38 1.38 0 0 0 0 .874l.359 1.076c.086.258.23.492.423.684l.314.315l-.635.254a1.3 1.3 0 0 0-.419.276l-.066.066a1.7 1.7 0 0 0-.466 1.54l.236 1.183a.25.25 0 0 1-.152.282l-.356.142a.25.25 0 0 1-.343-.232v-.787c0-.272-.063-.54-.185-.783l-.775-1.55a1.75 1.75 0 0 0-.595-.674l-.773-.516a1.66 1.66 0 0 0-1.844 0a.162.162 0 0 1-.244-.083l-.113-.34l-.386-1.543a.25.25 0 0 1 .034-.2l.507-.759a.25.25 0 0 1 .173-.109l2.562-.366a.25.25 0 0 1 .212.07l.137.138a1.75 1.75 0 0 0 2.02.327l.803-.4a1.75 1.75 0 0 0 .967-1.566v-.299c1.137-.35 1.342-1.902.3-2.528l-.484-.29a1.63 1.63 0 0 0-2.142.42l-.724.965a.25.25 0 0 1-.2.1h-2.264c-.272 0-.54.063-.783.185l-.618.309a.06.06 0 0 1-.085-.053v-.353a.25.25 0 0 1 .206-.246l1.81-.322a1.8 1.8 0 0 0 .585-.217l.686-.407a1.333 1.333 0 0 0 .218-2.132m-2.788 5.09l1.932-.276a1.75 1.75 0 0 1 1.485.495l.137.137a.25.25 0 0 0 .288.047l.803-.401a.25.25 0 0 0 .138-.224v-.378c0-.561.335-1.06.835-1.278l-.29-.175a.13.13 0 0 0-.17.033l-.725.966c-.33.44-.85.7-1.4.7h-2.264a.25.25 0 0 0-.112.026l-.618.31z"/><path d="M13 24c6.075 0 11-4.925 11-11S19.075 2 13 2S2 6.925 2 13s4.925 11 11 11m0 2c7.18 0 13-5.82 13-13S20.18 0 13 0S0 5.82 0 13s5.82 13 13 13"/></g></svg>

Earth Europe Circle アイコンの使い方

React

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

<Icon icon="pepicons-pop:earth-europe-circle" width="24" />

Vue

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

<template>
  <Icon icon="pepicons-pop:earth-europe-circle" width="24" />
</template>

Svelte

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

<Icon icon="pepicons-pop:earth-europe-circle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pop--earth-europe-circle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pepicons-pop -->
<div class="i-pepicons-pop:earth-europe-circle"></div>

Web コンポーネント

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

<iconify-icon icon="pepicons-pop:earth-europe-circle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/pepicons-pop/earth-europe-circle.svg" alt="Earth Europe Circle アイコン" width="24" height="24">

Pepicons Pop! の関連アイコン

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

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

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

はい。Pepicons Pop! icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Pepicons Pop! アイコンをすべて見る →