ICONYZ
Français
Icône Trumpet de Noto Emoji

Icône Trumpet

noto:trumpet

L'icône Trumpet (noto:trumpet) est une icône SVG gratuite de la collection Noto Emoji par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji 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
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="#FFCA28" d="m56.654 65.685l54.836-51.606l4.831 5.134L61.486 70.82z"/><path fill="none" stroke="#FFCA28" stroke-miterlimit="10" stroke-width="7.178" d="m23.27 101.89l69.61-65.51c4.62-4.35 12.15-3.85 16.82 1.11c0 0 8.93 8.54.09 16.85l-33.15 31.2c-4.3 4.05-10.92 2.73-15.2-.86c-4.4-3.69-7.14-12 .34-19.03"/><path fill="#FFCA28" d="M58.72 63.62C35.7 80.95 12.4 71.97 10.84 71.46c-4.08-1.34-5.02.14-5.54.68c-3.9 3.96 1.2 16.51 13.01 29.99s25.7 22.65 29.75 18.84c2.82-2.66 2.02-5.17 1.76-9.42c-.35-5.63-4.85-25.24 13.78-42.76z"/><ellipse cx="25.86" cy="98.47" fill="#DD7341" rx="4.59" ry="26.6" transform="rotate(-41.57 25.867 98.48)"/><path fill="#FFF9C4" d="M53.47 69.23c-8.4 5.77-20.48 8.83-30.87 7.85c-.95-.09-2.03-.16-2.74.48c-1.02.92 5.94 7.92 10.54 7.04c10.79-2.05 19.24-9.17 23.62-12.93c.48-.41 1.57-1.52 2.78-2.78c.67-.7-.23-1.78-1.04-1.23c-.72.5-1.49 1.03-2.29 1.57"/><path fill="#FFCA28" d="M94.16 82.97c-.6.98-1.66 2.22-3.47 3.17c-.87.46-1.95.28-2.62-.43l-30.58-32.5l5.77-5.43l30.63 32.55c.67.72.78 1.8.27 2.64"/><ellipse cx="56.82" cy="46.73" fill="#9E740B" rx="3.52" ry="1.85" transform="rotate(-43.262 56.826 46.736)"/><path fill="#9E740B" d="m60.2 48.39l-1.34-1.43l-1.92 1.81l1.34 1.43c-.97 1.21-1.39 2.37-.93 2.86c.58.62 2.34-.1 3.94-1.6c1.59-1.5 2.41-3.22 1.83-3.83c-.47-.48-1.66-.13-2.92.76"/><path fill="#FFCA28" d="M103.5 74.41c-.6.98-1.66 2.22-3.47 3.17c-.87.46-1.95.28-2.62-.43l-30.58-32.5l5.77-5.43l30.63 32.55c.67.72.78 1.8.27 2.64"/><ellipse cx="66.16" cy="38.17" fill="#9E740B" rx="3.52" ry="1.85" transform="rotate(-43.262 66.167 38.175)"/><path fill="#9E740B" d="M69.54 39.83L68.2 38.4l-1.92 1.81l1.34 1.43c-.97 1.21-1.39 2.37-.93 2.86c.58.62 2.34-.1 3.94-1.6c1.59-1.5 2.41-3.22 1.83-3.83c-.47-.48-1.66-.13-2.92.76"/><path fill="#FFCA28" d="M112.42 65.66c-.6.98-1.66 2.22-3.47 3.17c-.87.46-1.95.28-2.62-.43L75.74 35.9l5.77-5.43l30.63 32.55c.68.72.79 1.8.28 2.64"/><ellipse cx="78.48" cy="33.04" fill="#9E740B" rx="3.96" ry="1.54" transform="rotate(-43.262 78.49 33.041)"/><ellipse cx="75.08" cy="29.42" fill="#9E740B" rx="3.52" ry="1.85" transform="rotate(-43.262 75.086 29.425)"/><path fill="#9E740B" d="m75.193 31.47l1.922-1.81l2.33 2.477l-1.922 1.81z"/><path fill="#616161" d="M120.31 9.7c-4.08-3.97-7.05-4.19-8.58-2.62c-.67.69-.8 1.78-.49 3.04c.22.88.2 1.85-.43 2.5l-1.62 1.67c-1.4 1.44-.79 2.79-.79 2.79s1.37.53 2.93 1.85c1.36 1.52 2.03 3.03 2.03 3.03s1.37.57 2.77-.87l1.62-1.67c.63-.65 1.49-.57 2.37-.38c1.27.28 2.36.11 3.03-.58c1.53-1.56 1.24-4.79-2.84-8.76"/></svg>

Comment utiliser l'icône Trumpet

React

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

<Icon icon="noto:trumpet" width="24" />

Vue

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

<template>
  <Icon icon="noto:trumpet" width="24" />
</template>

Svelte

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

<Icon icon="noto:trumpet" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="noto:trumpet"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/noto/trumpet.svg" alt="Icône Trumpet" width="24" height="24">

L'icône Trumpet dans d'autres collections

FAQ : Icône Trumpet

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

Oui. Les Noto Emoji 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 Trumpet dans React ?

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

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

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

Voir toutes les Icônes Noto Emoji →