Icône Sushi
fluent-emoji:sushi
L'icône Sushi (fluent-emoji:sushi) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. 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 × 32
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#i2FgEQd)" d="M25.65 19.18H10.33a2.76 2.76 0 0 1-2.76-2.76v-3.4h20.84v3.4c0 1.53-1.23 2.76-2.76 2.76"/><path fill="url(#iWrapNd)" d="M25.65 19.18H10.33a2.76 2.76 0 0 1-2.76-2.76v-3.4h20.84v3.4c0 1.53-1.23 2.76-2.76 2.76"/><path fill="url(#iGzynld)" d="M25.65 19.18H10.33a2.76 2.76 0 0 1-2.76-2.76v-3.4h20.84v3.4c0 1.53-1.23 2.76-2.76 2.76"/><path fill="url(#iDUUxiB)" d="M25.65 19.18H10.33a2.76 2.76 0 0 1-2.76-2.76v-3.4h20.84v3.4c0 1.53-1.23 2.76-2.76 2.76"/><path fill="url(#i1JzHcb)" d="M24.83 6H11.15c-2.84 0-5.14 2.3-5.14 5.14v.36c0 .85.69 1.54 1.54 1.54h20.88c.85 0 1.54-.69 1.54-1.54v-.36C29.98 8.3 27.67 6 24.83 6"/><path fill="url(#i2evc3c)" d="M24.83 6H11.15c-2.84 0-5.14 2.3-5.14 5.14v.36c0 .85.69 1.54 1.54 1.54h20.88c.85 0 1.54-.69 1.54-1.54v-.36C29.98 8.3 27.67 6 24.83 6"/><g filter="url(#iZgkZ2c)"><path fill="url(#idYpUEc)" d="M26.938 10.875H10.563v-1.5h14.812c-.125-.854-.187-2.562.563-2.562c.937 0 3.125 2.5 3 3.687c-.1.95-1.375.646-2 .375"/></g><path fill="url(#iObdwwe)" d="M12.38 9.6c-.4 0-.72-.32-.72-.72V6h1.44v2.88c0 .4-.32.72-.72.72"/><path fill="url(#ibqFbWd)" d="M17.99 9.6c-.4 0-.72-.32-.72-.72V6h1.44v2.88c0 .4-.32.72-.72.72"/><path fill="#FF9631" d="M23.61 9.6c-.4 0-.72-.32-.72-.72V6h1.44v2.88a.73.73 0 0 1-.72.72"/><path fill="url(#iuJt7RN)" d="M23.61 9.6c-.4 0-.72-.32-.72-.72V6h1.44v2.88a.73.73 0 0 1-.72.72"/><path fill="url(#iDaqdzb)" d="M21.64 29.97H6.32a2.76 2.76 0 0 1-2.76-2.76v-3.32H24.4v3.32a2.76 2.76 0 0 1-2.76 2.76"/><path fill="url(#iMm5dGx)" d="M21.64 29.97H6.32a2.76 2.76 0 0 1-2.76-2.76v-3.32H24.4v3.32a2.76 2.76 0 0 1-2.76 2.76"/><path fill="url(#iivkbJc)" d="M21.64 29.97H6.32a2.76 2.76 0 0 1-2.76-2.76v-3.32H24.4v3.32a2.76 2.76 0 0 1-2.76 2.76"/><path fill="url(#iIjMXAb)" d="M20.82 17H7.14C4.3 17 2 19.3 2 22.14v.24c0 .85.69 1.54 1.54 1.54h20.88c.85 0 1.54-.69 1.54-1.54v-.24c.01-2.84-2.3-5.14-5.14-5.14"/><path fill="url(#iStNRwe)" d="M20.82 17H7.14C4.3 17 2 19.3 2 22.14v.24c0 .85.69 1.54 1.54 1.54h20.88c.85 0 1.54-.69 1.54-1.54v-.24c.01-2.84-2.3-5.14-5.14-5.14"/><g filter="url(#idjizKe)"><path fill="url(#iyMSP0c)" d="M22.995 21.73H6.62v-1.5h14.812c-.125-.855-.187-2.563.563-2.563c.937 0 3.125 2.5 3 3.687c-.1.95-1.375.646-2 .375"/></g><path fill="url(#iEqEmZb)" d="M8.37 20.6c-.4 0-.72-.32-.72-.72V17h1.44v2.88c0 .4-.32.72-.72.72" opacity=".6"/><path fill="url(#iW0pcxc)" d="M13.98 20.6c-.4 0-.72-.32-.72-.72V17h1.44v2.88c0 .4-.32.72-.72.72" opacity=".6"/><path fill="#FF6E8A" d="M19.6 20.6c-.4 0-.72-.32-.72-.72V17h1.44v2.88a.73.73 0 0 1-.72.72" opacity=".6"/><g filter="url(#iTZKi6n)"><path fill="url(#ilYMoed)" d="M29 10.626c.7-.664-.219-1.927-1.187-2.282c0 .276.187 1.274-.313 1.511s-1.208.1-1.5 0v1.186c.708.138 2.3.249 3-.415"/></g><g filter="url(#in8Ca9d)"><path fill="url(#icO6S6d)" d="M24.754 21.481c.7-.664-.219-1.926-1.188-2.282c0 .277.188 1.274-.312 1.512c-.5.237-1.208.098-1.5 0v1.185c.708.138 2.3.249 3-.415"/></g><defs><radialGradient id="iWrapNd" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.5 -11.3221 0 17.99 13.875)" gradientUnits="userSpaceOnUse"><stop stop-color="#CFA3C4"/><stop offset="1" stop-color="#CFA4C4" stop-opacity="0"/></radialGradient><radialGradient id="iGzynld" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.93498 -26.4899 0 17.99 13.02)" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#E6C2D3"/><stop offset=".692" stop-color="#E7C5D4" stop-opacity="0"/></radialGradient><radialGradient id="iDUUxiB" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.33908 -23.0452 0 17.99 12.491)" gradientUnits="userSpaceOnUse"><stop offset=".564" stop-color="#B66A8A"/><stop offset="1" stop-color="#B36B8A" stop-opacity="0"/></radialGradient><radialGradient id="i1JzHcb" cx="0" cy="0" r="1" gradientTransform="matrix(0 13.73 -32 0 25.25 9.52)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8928"/><stop offset=".349" stop-color="#FF6722"/><stop offset=".554" stop-color="#FF451E"/><stop offset=".818" stop-color="#B44333"/></radialGradient><radialGradient id="i2evc3c" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.375 -28.6763 0 17.99 14.125)" gradientUnits="userSpaceOnUse"><stop offset=".463" stop-color="#D05956"/><stop offset=".59" stop-color="#E2483B"/><stop offset="1" stop-color="#F85930" stop-opacity="0"/></radialGradient><radialGradient id="iMm5dGx" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.88388 -26.4899 0 13.98 23.89)" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#DDCBE5"/><stop offset=".692" stop-color="#E7C5D4" stop-opacity="0"/></radialGradient><radialGradient id="iivkbJc" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.32169 -23.0452 0 13.98 23.368)" gradientUnits="userSpaceOnUse"><stop offset=".564" stop-color="#A46D93"/><stop offset="1" stop-color="#B36B8A" stop-opacity="0"/></radialGradient><radialGradient id="iIjMXAb" cx="0" cy="0" r="1" gradientTransform="matrix(0 13.496 -32 0 21.24 20.46)" gradientUnits="userSpaceOnUse"><stop stop-color="#FD3163"/><stop offset=".349" stop-color="#F62C56"/><stop offset=".485" stop-color="#EF2B35"/><stop offset=".698" stop-color="#AB342E"/></radialGradient><radialGradient id="iStNRwe" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.31747 -28.6763 0 13.98 24.986)" gradientUnits="userSpaceOnUse"><stop offset=".463" stop-color="#B25167"/><stop offset=".59" stop-color="#BF314F"/><stop offset="1" stop-color="#DC294C" stop-opacity="0"/></radialGradient><radialGradient id="ilYMoed" cx="0" cy="0" r="1" gradientTransform="rotate(149.454 12.94 9.306)scale(3.2657 3.50125)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFAC70"/><stop offset="1" stop-color="#FFAC70" stop-opacity="0"/></radialGradient><radialGradient id="icO6S6d" cx="0" cy="0" r="1" gradientTransform="rotate(149.454 9.334 14.154)scale(3.2657 3.50125)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7490"/><stop offset="1" stop-color="#FF718E" stop-opacity="0"/></radialGradient><linearGradient id="i2FgEQd" x1="17.99" x2="17.99" y1="13.02" y2="19.18" gradientUnits="userSpaceOnUse"><stop stop-color="#D5B2D6"/><stop offset=".504" stop-color="#D5B2D6"/><stop offset=".877" stop-color="#C09CD0"/><stop offset="1" stop-color="#AF86CB"/></linearGradient><linearGradient id="idYpUEc" x1="27.563" x2="15.75" y1="9.313" y2="9.313" gradientUnits="userSpaceOnUse"><stop stop-color="#FF9841"/><stop offset="1" stop-color="#FF8340" stop-opacity="0"/></linearGradient><linearGradient id="iObdwwe" x1="12.38" x2="12.38" y1="6" y2="9.6" gradientUnits="userSpaceOnUse"><stop stop-color="#E37E29"/><stop offset=".204" stop-color="#F8892A"/><stop offset="1" stop-color="#F7872A"/></linearGradient><linearGradient id="ibqFbWd" x1="17.99" x2="17.99" y1="6" y2="9.6" gradientUnits="userSpaceOnUse"><stop stop-color="#E47F2A"/><stop offset=".204" stop-color="#F6882A"/><stop offset="1" stop-color="#F9892A"/></linearGradient><linearGradient id="iuJt7RN" x1="23.61" x2="23.61" y1="6" y2="9.6" gradientUnits="userSpaceOnUse"><stop stop-color="#F68938"/><stop offset=".204" stop-color="#FF9431"/><stop offset="1" stop-color="#FF9531"/></linearGradient><linearGradient id="iDaqdzb" x1="13.98" x2="13.98" y1="23.89" y2="29.97" gradientUnits="userSpaceOnUse"><stop stop-color="#CEBAE1"/><stop offset=".504" stop-color="#CBB6DF"/><stop offset=".877" stop-color="#BCA3D2"/><stop offset="1" stop-color="#B498CD"/></linearGradient><linearGradient id="iyMSP0c" x1="23.62" x2="11.807" y1="20.167" y2="20.167" gradientUnits="userSpaceOnUse"><stop stop-color="#F8486E"/><stop offset="1" stop-color="#F5466C" stop-opacity="0"/></linearGradient><linearGradient id="iEqEmZb" x1="8.37" x2="8.37" y1="17" y2="20.6" gradientUnits="userSpaceOnUse"><stop stop-color="#E54851"/><stop offset=".295" stop-color="#FE6A74"/><stop offset="1" stop-color="#FF646F"/></linearGradient><linearGradient id="iW0pcxc" x1="13.98" x2="13.98" y1="17" y2="20.6" gradientUnits="userSpaceOnUse"><stop stop-color="#E54851"/><stop offset=".174" stop-color="#F4646E"/><stop offset="1" stop-color="#FF7882"/></linearGradient><filter id="iZgkZ2c" width="21.38" height="7.333" x="9.063" y="5.313" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28116" stdDeviation=".75"/></filter><filter id="idjizKe" width="21.38" height="7.333" x="5.12" y="16.167" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28116" stdDeviation=".75"/></filter><filter id="iTZKi6n" width="5.246" height="4.802" x="25" y="7.344" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28116" stdDeviation=".5"/></filter><filter id="in8Ca9d" width="5.246" height="4.802" x="20.754" y="18.199" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_28116" stdDeviation=".5"/></filter></defs></g></svg>Comment utiliser l'icône Sushi
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:sushi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:sushi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:sushi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--sushi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:sushi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:sushi"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/sushi.svg" alt="Icône Sushi" width="24" height="24">L'icône Sushi dans d'autres collections
FAQ : Icône Sushi
L'icône Sushi 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 Sushi dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:sushi" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sushi à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/sushi.svg" alt="Icône Sushi">, ou collez le code SVG directement dans la page pour le styliser en CSS.