ICONYZ
Français
Icône Sheild de Map Icons

Icône Sheild

map:sheild

L'icône Sheild (map:sheild) est une icône SVG gratuite de la collection Map Icons par Scott de Jonge. Elle est dessinée sur une grille de 50 × 50. Les Map Icons sont publiées sous la Open Font License, 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
Map Icons
Auteur
Scott de Jonge
Licence
OFL-1.1
Taille
50 × 50
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M42.56 17.108c.278-3.306 1.275-6.341 3.03-9.124L38.856 1.5c-2.127 1.763-4.551 2.74-7.295 2.912c-2.516.219-4.9-.241-7.144-1.383c-2.306 1.104-4.681 1.567-7.156 1.383a13.25 13.25 0 0 1-6.943-2.644L3.567 8.25c1.661 2.822 2.586 5.775 2.767 8.858c.086 1.419-.334 3.375-1.279 5.9a42 42 0 0 0-1.123 3.63c-.236 1.009-.383 1.827-.433 2.442c-.034 2.691.75 5.121 2.358 7.282c1.257 1.577 3.33 3.319 6.208 5.224c3.148 1.543 5.585 2.544 7.292 2.971l1.416.635c.445.204.922.405 1.419.623c1.075.62 1.828 1.291 2.225 1.984c.488-.751 1.259-1.404 2.283-1.984a50 50 0 0 0 1.826-.797l1.069-.46c.365-.173.842-.373 1.422-.594a84 84 0 0 1 2.164-.791c1.663-.566 2.874-1.103 3.643-1.587c2.792-1.904 4.833-3.619 6.132-5.15c1.665-2.168 2.475-4.61 2.438-7.354c-.099-1.23-.64-3.196-1.622-5.875c-.934-2.611-1.347-4.637-1.212-6.099"/></svg>

Comment utiliser l'icône Sheild

React

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

<Icon icon="map:sheild" width="24" />

Vue

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

<template>
  <Icon icon="map:sheild" width="24" />
</template>

Svelte

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

<Icon icon="map:sheild" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[map--sheild]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:sheild"></div>

Web component

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

<iconify-icon icon="map:sheild"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/map/sheild.svg" alt="Icône Sheild" width="24" height="24">

FAQ : Icône Sheild

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

Oui. Les Map Icons sont publiées sous la Open Font License, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Sheild dans React ?

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

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

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

Voir toutes les Map Icons →