ICONYZ
Français
Icône Earth Europe Circle Filled de Pepicons Pop!

Icône Earth Europe Circle Filled

pepicons-pop:earth-europe-circle-filled

L'icône Earth Europe Circle Filled (pepicons-pop:earth-europe-circle-filled) est une icône SVG gratuite de la collection Pepicons Pop! par CyCraft. Elle est dessinée sur une grille de 26 × 26. Les Pepicons Pop! icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Pepicons Pop!
Auteur
CyCraft
Licence
CC-BY-4.0
Taille
26 × 26
Mots-clés
eartheurope, europecircle, circlefilled, eartheuropecirclefilled
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><g fill="none"><defs><mask id="SVGVlDRZbaB"><path fill="#fff" d="M0 0h26v26H0z"/><g fill="#000" 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"/></g></mask></defs><circle cx="13" cy="13" r="13" fill="currentColor" mask="url(#SVGVlDRZbaB)"/></g></svg>

Comment utiliser l'icône Earth Europe Circle Filled

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/pepicons-pop/earth-europe-circle-filled.svg" alt="Icône Earth Europe Circle Filled" width="24" height="24">

Icônes similaires dans Pepicons Pop!

L'icône Earth Europe Circle Filled dans d'autres collections

FAQ : Icône Earth Europe Circle Filled

L'icône Earth Europe Circle Filled est-elle gratuite pour un usage commercial ?

Oui. Les Pepicons Pop! icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Earth Europe Circle Filled dans React ?

Installez @iconify/react et affichez <Icon icon="pepicons-pop:earth-europe-circle-filled" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Earth Europe Circle Filled à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pepicons-pop/earth-europe-circle-filled.svg" alt="Icône Earth Europe Circle Filled">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Pepicons Pop! →