Icône Nesting Dolls
fluent-emoji:nesting-dolls
L'icône Nesting Dolls (fluent-emoji:nesting-dolls) 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
- Mots-clés
- nestingdolls, doll
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#ijwje2j)"><path fill="url(#i4PSoKV)" d="M9 14.5C7.613 16.58 7 18 7 20h18c0-2-.613-3.42-2-5.5C22 13 21.5 10 21.5 9c0-2.333-.5-7-5.5-7s-5.5 4.667-5.5 7c0 1-.5 4-1.5 5.5"/><path fill="url(#iis3kMe)" d="M9 14.5C7.613 16.58 7 18 7 20h18c0-2-.613-3.42-2-5.5C22 13 21.5 10 21.5 9c0-2.333-.5-7-5.5-7s-5.5 4.667-5.5 7c0 1-.5 4-1.5 5.5"/><path fill="url(#isoj3te)" d="M9 14.5C7.613 16.58 7 18 7 20h18c0-2-.613-3.42-2-5.5C22 13 21.5 10 21.5 9c0-2.333-.5-7-5.5-7s-5.5 4.667-5.5 7c0 1-.5 4-1.5 5.5"/><path fill="url(#isvUyzk)" d="M9 14.5C7.613 16.58 7 18 7 20h18c0-2-.613-3.42-2-5.5C22 13 21.5 10 21.5 9c0-2.333-.5-7-5.5-7s-5.5 4.667-5.5 7c0 1-.5 4-1.5 5.5"/></g><path fill="url(#i05rxQe)" d="M21 20c-2-.5-4.5-6-5-8c-.5 2-3 7.5-5 8z"/><g filter="url(#ixUpKYd)"><path fill="url(#iPzwcsc)" d="M5 20a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v1a9 9 0 0 1-9 9h-4a9 9 0 0 1-9-9z"/><path fill="url(#idaBCVZ)" d="M5 20a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v1a9 9 0 0 1-9 9h-4a9 9 0 0 1-9-9z"/><path fill="url(#iX6caxd)" d="M5 20a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v1a9 9 0 0 1-9 9h-4a9 9 0 0 1-9-9z"/><path fill="url(#iEN46Rb)" d="M5 20a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v1a9 9 0 0 1-9 9h-4a9 9 0 0 1-9-9z"/></g><path fill="url(#iLe0Dte)" d="M9.227 19h13.546v1.813a5 5 0 0 1-5 5h-3.546a5 5 0 0 1-5-5z"/><path fill="url(#iq6jFxc)" d="M9.227 19h13.546v1.813a5 5 0 0 1-5 5h-3.546a5 5 0 0 1-5-5z"/><path fill="url(#iWQSzdc)" d="M14.318 12a1.82 1.82 0 0 0-1.818 1.818c0 .1.081.182.182.182H14c.74 0 1.654-.644 2-1.242c.155-.25-.147-.254 0 0c.346.598 1.26 1.242 2 1.242h1.318c.1 0 .182-.081.182-.182A1.82 1.82 0 0 0 17.682 12z"/><circle cx="16" cy="8" r="4" fill="url(#i2PAwZb)"/><rect width="1" height="1.5" x="14" y="8" fill="url(#iLgZeSd)" rx=".5"/><rect width="1" height="1.5" x="17" y="8" fill="url(#iA00eFd)" rx=".5"/><path fill="url(#ifwxase)" d="M16 4a4 4 0 0 1 4 4a4 4 0 0 1-4-4"/><path fill="url(#ioCowGe)" d="M16 4a4 4 0 0 0-4 4a4 4 0 0 0 4-4"/><defs><linearGradient id="i4PSoKV" x1="16" x2="16" y1="2" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#F1358C"/><stop offset="1" stop-color="#D82E4A"/></linearGradient><linearGradient id="iPzwcsc" x1="28.125" x2="9.063" y1="21.75" y2="21.688" gradientUnits="userSpaceOnUse"><stop stop-color="#FA4E95"/><stop offset="1" stop-color="#C02D59"/></linearGradient><linearGradient id="iX6caxd" x1="16" x2="16" y1="19" y2="20.313" gradientUnits="userSpaceOnUse"><stop stop-color="#D93E70"/><stop offset="1" stop-color="#D93E70" stop-opacity="0"/></linearGradient><linearGradient id="iLe0Dte" x1="16" x2="16" y1="20.375" y2="25.813" gradientUnits="userSpaceOnUse"><stop stop-color="#D4C7DF"/><stop offset="1" stop-color="#B59DCD"/></linearGradient><linearGradient id="iq6jFxc" x1="16" x2="16" y1="19" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#E9DFDF"/><stop offset="1" stop-color="#E9DFDF" stop-opacity="0"/></linearGradient><linearGradient id="iWQSzdc" x1="13.688" x2="19.156" y1="13.313" y2="13.313" gradientUnits="userSpaceOnUse"><stop stop-color="#B42948"/><stop offset="1" stop-color="#DD647A"/></linearGradient><linearGradient id="i2PAwZb" x1="15.438" x2="18.875" y1="6.938" y2="11.25" gradientUnits="userSpaceOnUse"><stop stop-color="#E7A668"/><stop offset="1" stop-color="#FFEFBF"/></linearGradient><linearGradient id="iLgZeSd" x1="14.5" x2="14.5" y1="8" y2="9.5" gradientUnits="userSpaceOnUse"><stop stop-color="#463552"/><stop offset="1" stop-color="#342F36"/></linearGradient><linearGradient id="iA00eFd" x1="17.5" x2="17.5" y1="8" y2="9.5" gradientUnits="userSpaceOnUse"><stop stop-color="#685D73"/><stop offset="1" stop-color="#5D5960"/></linearGradient><linearGradient id="ifwxase" x1="16.5" x2="19.75" y1="4" y2="8" gradientUnits="userSpaceOnUse"><stop stop-color="#794B41"/><stop offset=".245" stop-color="#81534A"/><stop offset="1" stop-color="#BE8B7D"/></linearGradient><linearGradient id="ioCowGe" x1="15.063" x2="12" y1="4.688" y2="8" gradientUnits="userSpaceOnUse"><stop stop-color="#794B41"/><stop offset="1" stop-color="#935749"/></linearGradient><radialGradient id="iis3kMe" cx="0" cy="0" r="1" gradientTransform="rotate(119.814 9.007 6.932)scale(6.41105 6.17038)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF59AA"/><stop offset="1" stop-color="#FF59AA" stop-opacity="0"/></radialGradient><radialGradient id="isoj3te" cx="0" cy="0" r="1" gradientTransform="matrix(2.24996 5.06252 -4.39563 1.95357 18.875 10.688)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF739B"/><stop offset="1" stop-color="#FF739B" stop-opacity="0"/></radialGradient><radialGradient id="isvUyzk" cx="0" cy="0" r="1" gradientTransform="matrix(1.25 -8.375 10.1559 1.5158 19.563 20.438)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7288"/><stop offset="1" stop-color="#FF7288" stop-opacity="0"/></radialGradient><radialGradient id="i05rxQe" cx="0" cy="0" r="1" gradientTransform="matrix(4.70588 -5.64705 9.7975 8.1646 13.804 20)" gradientUnits="userSpaceOnUse"><stop offset=".115" stop-color="#BFB4B3"/><stop offset=".768" stop-color="#F9F1F7"/></radialGradient><radialGradient id="idaBCVZ" cx="0" cy="0" r="1" gradientTransform="rotate(-131.112 18.835 9.085)scale(9.125 17.0154)" gradientUnits="userSpaceOnUse"><stop stop-color="#E1295E"/><stop offset="1" stop-color="#E1295E" stop-opacity="0"/></radialGradient><radialGradient id="iEN46Rb" cx="0" cy="0" r="1" gradientTransform="matrix(-6.625 0 0 -.5 22.469 19.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF71B0"/><stop offset="1" stop-color="#FF71B0" stop-opacity="0"/></radialGradient><filter id="ijwje2j" width="18.25" height="18.1" x="7" y="2" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.8 0 0 0 0 0.447059 0 0 0 0 0.517647 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3963"/></filter><filter id="ixUpKYd" width="22" height="11.25" x="5" y="18.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.792157 0 0 0 0 0.388235 0 0 0 0 0.639216 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3963"/></filter></defs></g></svg>Comment utiliser l'icône Nesting Dolls
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:nesting-dolls" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:nesting-dolls" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:nesting-dolls" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--nesting-dolls]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:nesting-dolls"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:nesting-dolls"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/nesting-dolls.svg" alt="Icône Nesting Dolls" width="24" height="24">L'icône Nesting Dolls dans d'autres collections
FAQ : Icône Nesting Dolls
L'icône Nesting Dolls 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 Nesting Dolls dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:nesting-dolls" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Nesting Dolls à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/nesting-dolls.svg" alt="Icône Nesting Dolls">, ou collez le code SVG directement dans la page pour le styliser en CSS.