Ícone Toilet
fluent-emoji:toilet
O ícone Toilet (fluent-emoji:toilet) é um ícone SVG gratuito da coleção Fluent Emoji de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iefAtFb)"><path fill="url(#iQX3Bvd)" d="M24.306 21.273c0-2.765 1.453-3.5 2.266-3.656H13.04L6.748 29.041a1 1 0 0 0 .876 1.482h14.682a2 2 0 0 0 2-1.999z"/><path fill="url(#iuhycod)" d="M24.306 21.273c0-2.765 1.453-3.5 2.266-3.656H13.04L6.748 29.041a1 1 0 0 0 .876 1.482h14.682a2 2 0 0 0 2-1.999z"/><path fill="url(#ioXvfye)" d="M24.306 21.273c0-2.765 1.453-3.5 2.266-3.656H13.04L6.748 29.041a1 1 0 0 0 .876 1.482h14.682a2 2 0 0 0 2-1.999z"/><path fill="url(#iV2sVzd)" d="M24.306 21.273c0-2.765 1.453-3.5 2.266-3.656H13.04L6.748 29.041a1 1 0 0 0 .876 1.482h14.682a2 2 0 0 0 2-1.999z"/></g><path fill="#BBA8D2" d="M3.218 16.805c.512 5.007 4.742 8.914 9.885 8.914s9.373-3.907 9.886-8.914z"/><path fill="url(#iMvif2n)" d="M3.218 16.805c.512 5.007 4.742 8.914 9.885 8.914s9.373-3.907 9.886-8.914z"/><path fill="url(#iNvKSyb)" d="M3.218 16.805c.512 5.007 4.742 8.914 9.885 8.914s9.373-3.907 9.886-8.914z"/><path fill="url(#iBjdhDc)" d="M3.218 16.805c.512 5.007 4.742 8.914 9.885 8.914s9.373-3.907 9.886-8.914z"/><path fill="url(#ilfxXQb)" d="M3.218 16.805c.512 5.007 4.742 8.914 9.885 8.914s9.373-3.907 9.886-8.914z"/><path fill="url(#igymkiP)" d="M3.218 16.805c.512 5.007 4.742 8.914 9.885 8.914s9.373-3.907 9.886-8.914z"/><path fill="#BEB0CD" d="M2.947 15.758a1 1 0 0 1 1-1h19.61v2.484H3.296a.35.35 0 0 1-.35-.35z"/><path fill="url(#invxWzc)" d="M2.947 15.758a1 1 0 0 1 1-1h19.61v2.484H3.296a.35.35 0 0 1-.35-.35z"/><path fill="url(#iXvt1md)" d="M2.947 15.758a1 1 0 0 1 1-1h19.61v2.484H3.296a.35.35 0 0 1-.35-.35z"/><path fill="url(#iMHNUyX)" d="M2.947 15.758a1 1 0 0 1 1-1h19.61v2.484H3.296a.35.35 0 0 1-.35-.35z"/><path fill="url(#isMDWLd)" d="M2.947 15.758a1 1 0 0 1 1-1h19.61v2.484H3.296a.35.35 0 0 1-.35-.35z"/><path fill="url(#i66eXQd)" d="M19.978 3.002a.65.65 0 0 1 .65-.65h7.138a.65.65 0 0 1 .65.65v12.24a2.5 2.5 0 0 1-2.5 2.5h-3.438a2.5 2.5 0 0 1-2.5-2.5z"/><path fill="url(#iIe0uSq)" d="M19.978 3.002a.65.65 0 0 1 .65-.65h7.138a.65.65 0 0 1 .65.65v12.24a2.5 2.5 0 0 1-2.5 2.5h-3.438a2.5 2.5 0 0 1-2.5-2.5z"/><path fill="url(#iMymaXd)" d="M19.978 3.002a.65.65 0 0 1 .65-.65h7.138a.65.65 0 0 1 .65.65v12.24a2.5 2.5 0 0 1-2.5 2.5h-3.438a2.5 2.5 0 0 1-2.5-2.5z"/><g filter="url(#iz2GaLd)"><path fill="url(#iIGZ69c)" d="M19.978 3.002a.65.65 0 0 1 .65-.65h7.138a.65.65 0 0 1 .65.65v12.24a2.5 2.5 0 0 1-2.5 2.5h-3.438a2.5 2.5 0 0 1-2.5-2.5z"/></g><defs><radialGradient id="iQX3Bvd" cx="0" cy="0" r="1" gradientTransform="matrix(-11.3738 0 0 -17.5807 24.634 24.07)" gradientUnits="userSpaceOnUse"><stop stop-color="#DECFF0"/><stop offset="1" stop-color="#CDBAE4"/></radialGradient><radialGradient id="ioXvfye" cx="0" cy="0" r="1" gradientTransform="matrix(1.90694 6.402 -9.89573 2.9476 10.264 22.33)" gradientUnits="userSpaceOnUse"><stop offset=".204" stop-color="#BAA2D5"/><stop offset="1" stop-color="#BAA2D5" stop-opacity="0"/></radialGradient><radialGradient id="iV2sVzd" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.76433 -.82347 0 24.513 24.76)" gradientUnits="userSpaceOnUse"><stop stop-color="#EBE0F8"/><stop offset="1" stop-color="#EBE0F8" stop-opacity="0"/></radialGradient><radialGradient id="iMvif2n" cx="0" cy="0" r="1" gradientTransform="rotate(111.194 1.954 14.484)scale(6.56934 6.56696)" gradientUnits="userSpaceOnUse"><stop stop-color="#CCBAE0"/><stop offset="1" stop-color="#CCBAE0" stop-opacity="0"/></radialGradient><radialGradient id="iNvKSyb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -5.94531 9.1875 0 12.478 25.719)" gradientUnits="userSpaceOnUse"><stop offset=".121" stop-color="#B492D6"/><stop offset="1" stop-color="#B494D5" stop-opacity="0"/></radialGradient><radialGradient id="iBjdhDc" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.8125 -10.9 0 22.478 15.273)" gradientUnits="userSpaceOnUse"><stop offset=".388" stop-color="#9F8CB4"/><stop offset="1" stop-color="#CAB8DF" stop-opacity="0"/></radialGradient><radialGradient id="ilfxXQb" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.4375 -7.62422 0 4.978 15.398)" gradientUnits="userSpaceOnUse"><stop stop-color="#A79BB6"/><stop offset="1" stop-color="#A79BB6" stop-opacity="0"/></radialGradient><radialGradient id="igymkiP" cx="0" cy="0" r="1" gradientTransform="rotate(163.654 6.61 10.083)scale(13.1026 16.1336)" gradientUnits="userSpaceOnUse"><stop offset=".714" stop-color="#D0CBD8" stop-opacity="0"/><stop offset="1" stop-color="#D0CBD8"/></radialGradient><radialGradient id="invxWzc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -3.59375 11.0436 0 17.166 17.242)" gradientUnits="userSpaceOnUse"><stop offset=".205" stop-color="#D0C4DE"/><stop offset="1" stop-color="#D0C4DE" stop-opacity="0"/></radialGradient><radialGradient id="iXvt1md" cx="0" cy="0" r="1" gradientTransform="matrix(1.375 0 0 3.15652 3.353 15.273)" gradientUnits="userSpaceOnUse"><stop stop-color="#D0C4DE"/><stop offset="1" stop-color="#D0C4DE" stop-opacity="0"/></radialGradient><radialGradient id="isMDWLd" cx="0" cy="0" r="1" gradientTransform="rotate(131.1 6.668 11.697)scale(4.24778 16.1579)" gradientUnits="userSpaceOnUse"><stop offset=".181" stop-color="#A89EB5"/><stop offset="1" stop-color="#A89EB5" stop-opacity="0"/></radialGradient><radialGradient id="iIe0uSq" cx="0" cy="0" r="1" gradientTransform="rotate(146.976 13.82 5.52)scale(1.49086 .44608)" gradientUnits="userSpaceOnUse"><stop stop-color="#F2EFF7"/><stop offset="1" stop-color="#EBE2F7" stop-opacity="0"/></radialGradient><linearGradient id="iuhycod" x1="24.906" x2="22.318" y1="16.745" y2="25.19" gradientUnits="userSpaceOnUse"><stop stop-color="#BAA6D0"/><stop offset="1" stop-color="#BAA6D0" stop-opacity="0"/></linearGradient><linearGradient id="iMHNUyX" x1="15.303" x2="15.303" y1="17.242" y2="16.779" gradientUnits="userSpaceOnUse"><stop stop-color="#B5ADC0"/><stop offset="1" stop-color="#B5ADC0" stop-opacity="0"/></linearGradient><linearGradient id="i66eXQd" x1="24.197" x2="24.197" y1="2.117" y2="3.523" gradientUnits="userSpaceOnUse"><stop stop-color="#D7D5DB"/><stop offset="1" stop-color="#D7D5DB" stop-opacity="0"/></linearGradient><linearGradient id="iMymaXd" x1="26.197" x2="26.197" y1="18.023" y2="16.68" gradientUnits="userSpaceOnUse"><stop stop-color="#B99FD5"/><stop offset="1" stop-color="#B99FD5" stop-opacity="0"/></linearGradient><linearGradient id="iIGZ69c" x1="24.197" x2="24.197" y1="2.352" y2="17.742" gradientUnits="userSpaceOnUse"><stop stop-color="#D8CFE5"/><stop offset="1" stop-color="#D2C4E4"/></linearGradient><filter id="iefAtFb" width="20.149" height="13.306" x="6.622" y="17.217" 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=".2" dy="-.4"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.752941 0 0 0 0 0.662745 0 0 0 0 0.854902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25789"/></filter><filter id="iz2GaLd" width="10.938" height="16.141" x="18.978" y="1.602" 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="1.5"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.752941 0 0 0 0 0.721569 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_25789"/><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="-.75"/><feGaussianBlur stdDeviation=".75"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.721569 0 0 0 0 0.615686 0 0 0 0 0.835294 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_25789" result="effect2_innerShadow_18_25789"/><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="-1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.917647 0 0 0 0 0.882353 0 0 0 0 0.964706 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_25789" result="effect3_innerShadow_18_25789"/></filter></defs></g></svg>Como usar o ícone Toilet
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:toilet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:toilet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:toilet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--toilet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:toilet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:toilet"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/toilet.svg" alt="Ícone Toilet" width="24" height="24">O ícone Toilet em outras coleções
Perguntas frequentes sobre Ícone Toilet
O ícone Toilet é grátis para uso comercial?
Sim. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Toilet no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji:toilet" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Toilet a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji/toilet.svg" alt="Ícone Toilet">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.