Icône Ampersand
pinhead:ampersand
L'icône Ampersand (pinhead:ampersand) est une icône SVG gratuite de la collection Pinhead Map Icons par Quincy Morgan. Elle est dessinée sur une grille de 15 × 15. Les Pinhead Map Icons sont publiées sous la licence CC0, 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
- Pinhead Map Icons
- Auteur
- Quincy Morgan
- Licence
- CC0-1.0
- Taille
- 15 × 15
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M6.62 0c1.56 0 2.7.32 3.43.95c.74.64 1.1 1.4 1.1 2.28c0 .5-.11.97-.33 1.42c-.23.46-.49.83-.81 1.11c-.31.29-.88.71-1.69 1.27c.67.71 1.37 1.37 2.11 1.97c.19-.41.36-.84.5-1.29l3.01.69c-.16.58-.31 1.05-.46 1.4c-.14.35-.35.77-.61 1.24l1.44 1.04c.18.12.41.26.69.43L12.92 15c-.37-.21-.77-.46-1.18-.73c-.4-.28-.77-.52-1.09-.72c-.67.46-1.34.8-2.01 1.01c-.92.3-1.98.44-3.16.44c-1.85 0-3.22-.4-4.13-1.21c-.9-.8-1.35-1.78-1.35-2.93c0-.82.27-1.6.8-2.33c.53-.74 1.39-1.37 2.6-1.88c-.51-.64-.85-1.19-1.04-1.66s-.28-.96-.28-1.45c0-1.02.37-1.87 1.12-2.54c.75-.66 1.89-1 3.42-1m.16 2.18q-.585 0-.96.36q-.36.345-.36.84c0 .41.34 1 1.04 1.78c.49-.28.88-.59 1.15-.92c.27-.34.41-.66.41-.95c0-.31-.11-.57-.34-.78c-.23-.22-.54-.33-.94-.33m-1.66 6.5c-.53.39-.88.73-1.06 1c-.17.28-.25.57-.25.88c0 .49.2.92.59 1.29q.6.57 1.56.57c.69 0 1.46-.29 2.32-.85c-.82-.66-1.88-1.62-3.16-2.89"/></svg>
Comment utiliser l'icône Ampersand
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:ampersand" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:ampersand" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:ampersand" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--ampersand]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:ampersand"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:ampersand"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/pinhead/ampersand.svg" alt="Icône Ampersand" width="24" height="24">
L'icône Ampersand dans d'autres collections
FAQ : Icône Ampersand
L'icône Ampersand est-elle gratuite pour un usage commercial ?
Oui. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Ampersand dans React ?
Installez @iconify/react et affichez <Icon icon="pinhead:ampersand" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ampersand à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pinhead/ampersand.svg" alt="Icône Ampersand">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Pinhead Map Icons →
ICONYZ
