ICONYZ
Français
Icône Globe de SmartIcons Glyph

Icône Globe

si-glyph:globe

L'icône Globe (si-glyph:globe) est une icône SVG gratuite de la collection SmartIcons Glyph par SmartIcons. Elle est dessinée sur une grille de 17 × 24. Les SmartIcons Glyph icons sont publiées sous la licence CC BY SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
SmartIcons Glyph
Auteur
SmartIcons
Licence
CC-BY-SA-4.0
Taille
17 × 24
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="17" height="24" viewBox="0 0 17 24"><g fill="currentColor" fill-rule="evenodd" transform="translate(3)"><path d="M5.031 13.225v1.434c-2.154.083-3.936.613-3.936 1.26l.004.017l8.806.009s.005-.018.005-.025c0-.646-1.818-1.177-3.973-1.26v-1.48"/><ellipse cx="5.012" cy="7.031" rx="5.012" ry="5.031"/><path d="M5.04 13.971a6.88 6.88 0 0 1-4.341-1.549a.5.5 0 0 1-.071-.697a.49.49 0 0 1 .69-.072a5.8 5.8 0 0 0 3.722 1.33c3.263 0 5.916-2.678 5.916-5.967c0-2.918-2.151-5.453-5.005-5.896a6 6 0 0 0-.911-.07a.493.493 0 0 1-.491-.494c0-.273.22-.495.491-.495q.53 0 1.061.081c3.328.518 5.837 3.475 5.837 6.875c0 3.834-3.094 6.954-6.898 6.954"/></g></svg>

Comment utiliser l'icône Globe

React

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

<Icon icon="si-glyph:globe" width="24" />

Vue

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

<template>
  <Icon icon="si-glyph:globe" width="24" />
</template>

Svelte

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

<Icon icon="si-glyph:globe" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--globe]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:globe"></div>

Web component

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

<iconify-icon icon="si-glyph:globe"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/si-glyph/globe.svg" alt="Icône Globe" width="24" height="24">

L'icône Globe dans d'autres collections

FAQ : Icône Globe

L'icône Globe est-elle gratuite pour un usage commercial ?

Oui. Les SmartIcons Glyph icons sont publiées sous la licence CC BY SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Globe dans React ?

Installez @iconify/react et affichez <Icon icon="si-glyph:globe" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Globe à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/si-glyph/globe.svg" alt="Icône Globe">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes SmartIcons Glyph →