Icône Pig Nose
fluent-emoji:pig-nose
L'icône Pig Nose (fluent-emoji:pig-nose) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 33. Les Fluent Emoji icons sont publiées sous la licence MIT, 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
- Fluent Emoji
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 33
- Mots-clés
- pignose
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33"><g fill="none"><g clip-path="url(#ikYdPac)"><path fill="url(#izJQvkd)" d="M30 18.79C29.89 11.17 23.66 6 16 6S2.11 11.17 2 18.79V19c0 4.42 3.58 8 8 8h12c4.42 0 8-3.58 8-8z"/><path fill="url(#iqm9yYd)" d="M30 18.79C29.89 11.17 23.66 6 16 6S2.11 11.17 2 18.79V19c0 4.42 3.58 8 8 8h12c4.42 0 8-3.58 8-8z"/><path fill="url(#iciKj6b)" d="M30 18.79C29.89 11.17 23.66 6 16 6S2.11 11.17 2 18.79V19c0 4.42 3.58 8 8 8h12c4.42 0 8-3.58 8-8z"/><g filter="url(#iDgGIzd)"><path fill="url(#isOwkqb)" fill-rule="evenodd" d="M29.281 20.813C29.625 11 23.11 7.063 15.5 7.063c10.563 1.218 13.428 9.412 13.781 13.75" clip-rule="evenodd"/></g><path fill="url(#io4qcKc)" d="M7.05 19.75a2.949 2.949 0 1 0 5.9 0v-3.88a2.949 2.949 0 1 0-5.9 0z"/><path stroke="url(#iMddbue)" stroke-width=".4" d="M7.05 19.75a2.949 2.949 0 1 0 5.9 0v-3.88a2.949 2.949 0 1 0-5.9 0z"/><path stroke="url(#ivHQKbc)" stroke-width=".4" d="M7.05 19.75a2.949 2.949 0 1 0 5.9 0v-3.88a2.949 2.949 0 1 0-5.9 0z"/><path fill="url(#iwdnZKc)" d="M19.05 19.75a2.949 2.949 0 1 0 5.9 0v-3.88a2.949 2.949 0 1 0-5.9 0z"/><path stroke="url(#i6rEuqc)" stroke-width=".4" d="M19.05 19.75a2.949 2.949 0 1 0 5.9 0v-3.88a2.949 2.949 0 1 0-5.9 0z"/><path stroke="url(#iYM5Qac)" stroke-width=".4" d="M19.05 19.75a2.949 2.949 0 1 0 5.9 0v-3.88a2.949 2.949 0 1 0-5.9 0z"/><g filter="url(#iVmZjpc)"><path stroke="url(#iM4tgoc)" stroke-linecap="round" stroke-width=".8" d="M22.397 21.313a1.995 1.995 0 0 1-1.996-1.997V15.22"/></g><g filter="url(#iHpZIde)"><path stroke="url(#iC5nN0b)" stroke-linecap="round" stroke-width=".8" d="M10.647 21.313a1.995 1.995 0 0 1-1.996-1.997V15.22"/></g></g><defs><linearGradient id="izJQvkd" x1="16.625" x2="16.625" y1="8.75" y2="27" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB1BA"/><stop offset="1" stop-color="#FC64A3"/></linearGradient><linearGradient id="iMddbue" x1="4.906" x2="12.25" y1="20.75" y2="14.469" gradientUnits="userSpaceOnUse"><stop stop-color="#FC8BAD"/><stop offset="1" stop-color="#FC8BAD" stop-opacity="0"/></linearGradient><linearGradient id="ivHQKbc" x1="13.266" x2="10.734" y1="12.609" y2="16.016" gradientUnits="userSpaceOnUse"><stop stop-color="#E789AD"/><stop offset="1" stop-color="#FC8BAD" stop-opacity="0"/></linearGradient><linearGradient id="i6rEuqc" x1="16.906" x2="24.25" y1="20.75" y2="14.469" gradientUnits="userSpaceOnUse"><stop stop-color="#FC8BAD"/><stop offset="1" stop-color="#FC8BAD" stop-opacity="0"/></linearGradient><linearGradient id="iYM5Qac" x1="25.266" x2="22.734" y1="12.609" y2="16.016" gradientUnits="userSpaceOnUse"><stop stop-color="#E789AD"/><stop offset="1" stop-color="#FC8BAD" stop-opacity="0"/></linearGradient><linearGradient id="iM4tgoc" x1="19.313" x2="18.7" y1="22.281" y2="15.724" gradientUnits="userSpaceOnUse"><stop stop-color="#735A69" stop-opacity="0"/><stop offset=".359" stop-color="#735A69"/><stop offset="1" stop-color="#5E4755" stop-opacity=".25"/></linearGradient><linearGradient id="iC5nN0b" x1="7.562" x2="6.95" y1="22.281" y2="15.724" gradientUnits="userSpaceOnUse"><stop stop-color="#735A69" stop-opacity="0"/><stop offset=".359" stop-color="#735A69"/><stop offset="1" stop-color="#5E4755" stop-opacity=".25"/></linearGradient><radialGradient id="iqm9yYd" cx="0" cy="0" r="1" gradientTransform="matrix(0 24.5625 -31.655 0 16 8.25)" gradientUnits="userSpaceOnUse"><stop offset=".588" stop-color="#F13F9E" stop-opacity="0"/><stop offset=".847" stop-color="#F13F9E"/></radialGradient><radialGradient id="iciKj6b" cx="0" cy="0" r="1" gradientTransform="matrix(-17.25 0 0 -14.4973 18.813 18.625)" gradientUnits="userSpaceOnUse"><stop offset=".891" stop-color="#FCBCC2" stop-opacity="0"/><stop offset="1" stop-color="#FCBCC2"/></radialGradient><radialGradient id="isOwkqb" cx="0" cy="0" r="1" gradientTransform="rotate(140.972 10.732 9.915)scale(4.14341 37.6194)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC9D3"/><stop offset="1" stop-color="#FFC9D3" stop-opacity="0"/></radialGradient><radialGradient id="io4qcKc" cx="0" cy="0" r="1" gradientTransform="matrix(3.40625 0 0 9.65104 10.219 18.188)" gradientUnits="userSpaceOnUse"><stop offset=".172" stop-color="#423450"/><stop offset="1" stop-color="#1F1030"/></radialGradient><radialGradient id="iwdnZKc" cx="0" cy="0" r="1" gradientTransform="matrix(3.40625 0 0 9.65104 22.219 18.188)" gradientUnits="userSpaceOnUse"><stop offset=".172" stop-color="#423450"/><stop offset="1" stop-color="#1F1030"/></radialGradient><filter id="iDgGIzd" width="15.794" height="15.75" x="14.5" y="6.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_3099" stdDeviation=".5"/></filter><filter id="iVmZjpc" width="3.796" height="7.894" x="19.501" y="14.319" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_3099" stdDeviation=".25"/></filter><filter id="iHpZIde" width="3.796" height="7.894" x="7.751" y="14.319" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_3099" stdDeviation=".25"/></filter><clipPath id="ikYdPac"><path fill="#fff" d="M0 .5h32v32H0z"/></clipPath></defs></g></svg>Comment utiliser l'icône Pig Nose
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:pig-nose" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:pig-nose" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:pig-nose" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--pig-nose]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:pig-nose"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:pig-nose"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/pig-nose.svg" alt="Icône Pig Nose" width="24" height="24">Icônes similaires dans Fluent Emoji
L'icône Pig Nose dans d'autres collections
FAQ : Icône Pig Nose
L'icône Pig Nose est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Pig Nose dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:pig-nose" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Pig Nose à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/pig-nose.svg" alt="Icône Pig Nose">, ou collez le code SVG directement dans la page pour le styliser en CSS.