Icône Globe Earth Bold
glyphs:globe-earth-bold
L'icône Globe Earth Bold (glyphs:globe-earth-bold) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Glyphs
- Auteur
- Goran Spasojevic
- Licence
- MIT
- Taille
- 80 × 80
- Mots-clés
- globeearth, earthbold, globeearthbold
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M29.393 14.393a27.72 27.72 0 0 1 21.214 0v0a27.72 27.72 0 0 1 15 15v0a27.72 27.72 0 0 1 0 21.214v0a27.72 27.72 0 0 1-15 15v0a27.72 27.72 0 0 1-21.214 0v0a27.72 27.72 0 0 1-15-15v0a27.72 27.72 0 0 1 0-21.214v0a27.72 27.72 0 0 1 15-15"/><path fill="currentColor" fill-rule="evenodd" d="M23.687 17.587q.908-.66 1.87-1.249l1.12 1.537a.844.844 0 0 1-1.213 1.153zm-10.64 15.966a27.7 27.7 0 0 1 6.06-11.768q.09.18.233.333l.701.747c.45.48 1.1.722 1.755.653l.686-.072a1.224 1.224 0 0 0 1.084-1.045l.09-.631a.909.909 0 0 1 1.547-.51c.145.146.334.24.538.264l.965.117a1.578 1.578 0 0 1 .952 2.655l-5.765 6.04a.83.83 0 0 0-.228.637l.005.064c.06.79-.932 1.19-1.436.577a.81.81 0 0 0-.626-.297h-1.313a1.52 1.52 0 0 0-.428 2.977l.95.279c.517.152.98.448 1.335.853l.37.423a4.78 4.78 0 0 0 3.382 1.624l.42.018a4.78 4.78 0 0 1 3.36 1.598l.413.464c.306.344.7.597 1.138.735a2.54 2.54 0 0 1 1.78 2.42v.384a3.06 3.06 0 0 1-.849 2.114l-6.367 6.66a2.4 2.4 0 0 0-.67 1.667v2.822a.977.977 0 0 1-1.892.34l-.526-1.416a6 6 0 0 1-.375-2.086v-3.51c0-1.37-.457-2.7-1.297-3.782a6.16 6.16 0 0 1-1.294-3.584l-.061-1.906a2.13 2.13 0 0 1 .536-1.483l.08-.09a1.989 1.989 0 0 0-1.164-3.284l-1.042-.17a4.75 4.75 0 0 1-2.774-1.525zm18.027-19.8q.726-.247 1.46-.453l3.254-.19a3.882 3.882 0 0 1 2.965 6.625L36.62 21.86a2.633 2.633 0 0 1-3.883-.193a2.6 2.6 0 0 1-.597-1.755a2.6 2.6 0 0 0-.69-1.862l-.729-.788a2.354 2.354 0 0 1 .353-3.508m25.541 4.05a27.7 27.7 0 0 1 7.787 9.034a1.7 1.7 0 0 0-.474-.03l-.546.042a2.7 2.7 0 0 0-2.246 1.559l-.427.924l-1.068.064a1.7 1.7 0 0 0-1.109.501c-.282.285-.656.46-1.055.497l-.678.063l-1.297.119l-1.69-1.966h-.02a3.4 3.4 0 0 0-2.442.969l-.525.513a1.85 1.85 0 0 1-1.486.515l-.706-.075a.926.926 0 0 1-.188-1.8l.702-.228a1.8 1.8 0 0 0 1.073-.951l.945-2.04l1.702-1.559a2.78 2.78 0 0 1 1.818-.73l1.477-.032a1.13 1.13 0 0 0 1.102-1.03c.022-.25.126-.484.296-.668l1.041-1.127a.623.623 0 0 0-.87-.89l-1.168 1.035a.946.946 0 0 1-1.293-1.379l1.243-1.233zm-5.45 7.71l-3.472-.107a1.946 1.946 0 0 1-1.144-3.474l.161-.127c1.363-1.072 3.378-.396 3.818 1.28zm14.472 3.932a27.7 27.7 0 0 1 2.049 9.13l-.357-.014a2.95 2.95 0 0 1-2.015-.915L63.467 35.7a.589.589 0 1 0-.851.815l3.559 3.686a2.386 2.386 0 0 1-.007 3.322l-.757.777a4.3 4.3 0 0 0-1.222 2.993l-.013 3.828a5.5 5.5 0 0 1-1.516 3.777l-.91.957a2.52 2.52 0 0 1-3.87-.262a2.54 2.54 0 0 1-.482-1.41l-.09-2.847a2.41 2.41 0 0 0-.912-1.815a2.41 2.41 0 0 1-.914-1.847l-.023-1.297a3.033 3.033 0 0 0-2.995-2.978a3.03 3.03 0 0 1-2.114-.895l-.784-.79a5.75 5.75 0 0 1-1.639-4.66l.217-2.039c.045-.43.21-.839.476-1.18l1.424-1.831A.494.494 0 0 1 50.82 32a.5.5 0 0 0 .403.186l2.507-.085c.376-.013.7.264.745.638a.73.73 0 0 0 .477.597l2.614.932a.57.57 0 0 0 .689-.262a.57.57 0 0 1 .517-.295l1.593.054a1.89 1.89 0 0 0 1.483-3.139l-1.14-1.294l2.108-.219c.374-.039.752.04 1.079.226l.445.253c.419.239.943.179 1.297-.147" clip-rule="evenodd"/></g></svg>
Comment utiliser l'icône Globe Earth Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:globe-earth-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:globe-earth-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:globe-earth-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--globe-earth-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:globe-earth-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:globe-earth-bold"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/globe-earth-bold.svg" alt="Icône Globe Earth Bold" width="24" height="24">
Icônes similaires dans Glyphs
FAQ : Icône Globe Earth Bold
L'icône Globe Earth Bold est-elle gratuite pour un usage commercial ?
Oui. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Globe Earth Bold dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:globe-earth-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Globe Earth Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/globe-earth-bold.svg" alt="Icône Globe Earth Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Glyphs →
