Icône Earth Europe
pepicons-pencil:earth-europe
L'icône Earth Europe (pepicons-pencil:earth-europe) est une icône SVG gratuite de la collection Pepicons Pencil par CyCraft. Elle est dessinée sur une grille de 20 × 20. Les Pepicons Pencil 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 Pencil
- Auteur
- CyCraft
- Licence
- CC-BY-4.0
- Taille
- 20 × 20
- Mots-clés
- eartheurope
Code 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="M10 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17M.5 10a9.5 9.5 0 1 1 19 0a9.5 9.5 0 0 1-19 0"/><path d="M12.006 1.68L9.91 2.928a.082.082 0 0 0 0 .141c.707.42.707 1.443 0 1.862l-.686.407a1.5 1.5 0 0 1-.503.186l-1.809.322a.5.5 0 0 0-.412.492v.353a.31.31 0 0 0 .447.276l.618-.309a1.5 1.5 0 0 1 .671-.158H10.5a.5.5 0 0 0 .4-.2l.724-.966a1.38 1.38 0 0 1 1.813-.355l.485.29c.874.526.678 1.846-.312 2.094a.145.145 0 0 0-.11.14v.379a1.5 1.5 0 0 1-.83 1.342l-.802.4a1.5 1.5 0 0 1-1.731-.28L10 9.207a.5.5 0 0 0-.424-.141l-2.563.366a.5.5 0 0 0-.345.217l-.507.76a.5.5 0 0 0-.069.399l.388 1.552l.117.349a.412.412 0 0 0 .62.212a1.41 1.41 0 0 1 1.566 0l.773.516a1.5 1.5 0 0 1 .51.577l.776 1.551a1.5 1.5 0 0 1 .158.671v.787a.5.5 0 0 0 .686.464l.356-.142a.5.5 0 0 0 .305-.563L12.11 15.6c-.095-.477.054-.97.398-1.314l.066-.066q.146-.145.335-.221l.987-.395l-.583-.582a1.5 1.5 0 0 1-.362-.587l-.359-1.076a1.13 1.13 0 0 1 0-.716c.306-.916 1.545-1.052 2.042-.224l.347.578a.44.44 0 0 0 .574.167l.022-.01a.467.467 0 0 0 .121-.748l-.351-.351a1.312 1.312 0 1 1 2.02-1.656l.252.38a.5.5 0 0 0 .416.222h.465v1h-.465a1.5 1.5 0 0 1-1.248-.668l-.252-.379a.312.312 0 1 0-.481.394l.351.351a1.467 1.467 0 0 1-.38 2.349l-.022.01a1.44 1.44 0 0 1-1.88-.546l-.346-.578a.13.13 0 0 0-.236.108l.359 1.077a.5.5 0 0 0 .12.195l.701.701c.623.126.75 1.036.105 1.294l-1.545.618l-.066.066a.46.46 0 0 0-.124.411l.236 1.183a1.5 1.5 0 0 1-.914 1.687l-.356.143A1.5 1.5 0 0 1 10 17.023v-.787a.5.5 0 0 0-.053-.224l-.775-1.55a.5.5 0 0 0-.17-.193l-.773-.516a.41.41 0 0 0-.458 0a1.412 1.412 0 0 1-2.123-.728l-.128-.385l-.398-1.59a1.5 1.5 0 0 1 .207-1.195l.507-.76a1.5 1.5 0 0 1 1.036-.653l2.562-.366a1.5 1.5 0 0 1 1.273.424l.137.137a.5.5 0 0 0 .577.093l.803-.4a.5.5 0 0 0 .276-.448v-.378c0-.526.358-.984.867-1.111a.145.145 0 0 0 .04-.266l-.484-.29a.38.38 0 0 0-.499.097L11.7 6.9a1.5 1.5 0 0 1-1.2.6H8.236a.5.5 0 0 0-.224.053l-.618.309A1.31 1.31 0 0 1 5.5 6.69v-.353A1.5 1.5 0 0 1 6.737 4.86l1.81-.322a.5.5 0 0 0 .167-.062L9.4 4.07a.082.082 0 0 0 0-.14a1.082 1.082 0 0 1-.002-1.86L11.494.82z"/></g></svg>
Comment utiliser l'icône Earth Europe
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pencil:earth-europe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pencil:earth-europe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pencil:earth-europe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pencil--earth-europe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pencil -->
<div class="i-pepicons-pencil:earth-europe"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pencil:earth-europe"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/pepicons-pencil/earth-europe.svg" alt="Icône Earth Europe" width="24" height="24">
Icônes similaires dans Pepicons Pencil
L'icône Earth Europe dans d'autres collections
FAQ : Icône Earth Europe
L'icône Earth Europe est-elle gratuite pour un usage commercial ?
Oui. Les Pepicons Pencil 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 dans React ?
Installez @iconify/react et affichez <Icon icon="pepicons-pencil:earth-europe" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Earth Europe à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pepicons-pencil/earth-europe.svg" alt="Icône Earth Europe">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Pepicons Pencil →
ICONYZ
