Icône Pushpin

noto-v1:pushpin

L'icône Pushpin (noto-v1:pushpin) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, 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: Noto Emoji (v1)
Auteur: Google Inc
Licence: Apache-2.0
Taille: 128 × 128
Catégorie: Objets

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#78a3ad" d="M37.32 84.74c.54-.56 1.09-1.1 1.68-1.59c1.71-1.44 6.17-4.77 8.57-3.39c1.43.82 1.22 3.57.69 4.71c-1.3 2.82-4.62 5.2-6.65 7.55c-1.6 1.86-3.52 3.52-5.26 5.26c-2.79 2.79-5.46 5.93-8.48 8.48c-.01 0-24.13 20.38-24.13 20.38l-1.88-1.87l20.38-24.15c3.83-3.82 7.65-7.65 11.47-11.48c1.24-1.23 2.39-2.63 3.61-3.9"/><defs><path id="SVGi5iHLb1l" d="M37.32 84.97c-4.78-5.15-9.03-10.73-12.49-16.51c-2.64-4.41-8.73-14.68-3.86-19.56l4.25-4.26c3.99-3.99 14.52-.31 26.21 8.33l26.4-26.39c-6.62-8.78-9.75-16.09-7.34-18.5l5.39-5.39c3.51-3.5 17.42 4.72 31.07 18.38c13.65 13.65 21.88 27.57 18.37 31.07l-5.38 5.39c-2.42 2.41-9.73-.72-18.5-7.34l-26.4 26.39c8.65 11.7 12.31 22.22 8.33 26.21l-4.26 4.26c-5.04 5.03-15.77-1.52-20.25-4.27c-7.72-4.76-15.11-10.89-21.54-17.81"/><path id="SVGEeDobejO" d="M77.48-.73s-2.84 5.87 3.68 16.49c6.14 10 9.64 12.81 9.64 12.81l-6.13 7.01s-11.75-12.8-14.21-21.22c-2.45-8.42-.88-10.18-.88-10.18z"/><path id="SVGhJn2GbNt" fill="#fff" d="m78.71 6.29l-8.25 8.06l4.25 7.97l8.07-8.6z"/><path id="SVG8DH1xelu" d="M26.08 43.57s-3.14 6.5 4.08 18.25c6.8 11.07 10.68 14.17 10.68 14.17l-6.8 7.77S21.03 69.59 18.32 60.27C15.6 50.95 17.34 49 17.34 49z"/><path id="SVGqlnInb5E" fill="#fff" d="m27.44 51.34l-9.13 8.93l6.22 12.04l8.93-9.52z"/><path id="SVGUWNNrbkE" d="m77.84 26.56l-34.09 33.9c-.47.47 1.54 4.05 1.79 4.52c.4.72.77 1.43 1.26 2.09c.8 1.08 2.01 1.8 2.81 2.88c.61-.16.82-.74 1.18-1.18c.53-.64 1.21-1.2 1.8-1.78c1.19-1.18 2.37-2.36 3.56-3.54l6.99-6.96c2.81-2.79 5.62-5.59 8.42-8.38c2.63-2.62 5.16-5.6 8.1-7.84c.71-.53 1.15-1.13 1.75-1.75c.62-.65 1.28-1.22 1.95-1.8c.42-.36.78-.82 1.32-.96c.14-.65-1.47-1.55-1.87-1.95c-.53-.54-5.22-7-4.97-7.25"/><path id="SVG3Ij9xrdb" fill="#fff" d="M84.06 35.34L48.53 71.65l-3.5-5.44l36.7-35.73z"/></defs><use fill="#ed6c30" href="#SVGi5iHLb1l"/><clipPath id="SVGrEbQAdDa"><use href="#SVGi5iHLb1l"/></clipPath><g clip-path="url(#SVGrEbQAdDa)"><defs><use href="#SVGEeDobejO" id="SVGyr6MTd1j"/></defs><clipPath id="SVGzaKQjd7e"><use href="#SVGyr6MTd1j"/></clipPath><use href="#SVGhJn2GbNt" clip-path="url(#SVGzaKQjd7e)"/><defs/><use href="#SVGhJn2GbNt" clip-path="url(#SVGzaKQjd7e)"/></g><g clip-path="url(#SVGrEbQAdDa)"><defs><use href="#SVG8DH1xelu" id="SVGZEwoFerR"/></defs><clipPath id="SVG6RhV6dsL"><use href="#SVGZEwoFerR"/></clipPath><use href="#SVGqlnInb5E" clip-path="url(#SVG6RhV6dsL)"/><defs/><clipPath id="SVGi3cNueSF"><use href="#SVGZEwoFerR" opacity=".32"/></clipPath><use href="#SVGqlnInb5E" clip-path="url(#SVGi3cNueSF)"/></g><g clip-path="url(#SVGrEbQAdDa)"><defs><use href="#SVGUWNNrbkE" id="SVGcdXzQteS"/></defs><clipPath id="SVGaCyV8dUn"><use href="#SVGcdXzQteS"/></clipPath><use href="#SVG3Ij9xrdb" clip-path="url(#SVGaCyV8dUn)"/><defs/><use href="#SVG3Ij9xrdb" clip-path="url(#SVGaCyV8dUn)" opacity=".2"/></g></svg>

Comment utiliser l'icône Pushpin

React

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

<Icon icon="noto-v1:pushpin" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:pushpin" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:pushpin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--pushpin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:pushpin"></div>

Web component

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

<iconify-icon icon="noto-v1:pushpin"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/noto-v1/pushpin.svg" alt="Icône Pushpin" width="24" height="24">

L'icône Pushpin dans d'autres collections

FAQ : Icône Pushpin

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

Oui. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Pushpin dans React ?

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

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

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

Voir toutes les Icônes Noto Emoji (v1) →