Иконка Zipper Mouth Face
fluent-emoji:zipper-mouth-face
Иконка Zipper Mouth Face (fluent-emoji:zipper-mouth-face) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- zippermouth, mouthface, zippermouthface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iuezoob)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iE8QcEd)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ivEnSkc)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iWiImqb)" fill-opacity=".6" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ibBjvec)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ipSnfmL)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ilqJk5c)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#i6j9Pab)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><circle cx="9" cy="13" r="5" fill="url(#iGpZLse)"/><circle cx="19.5" cy="13.5" r="4.5" fill="url(#io7cAZd)"/><path fill="#fff" d="M10.5 16a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9m11 0a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/><path fill="url(#iIDQKtO)" d="M10.5 13.5a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/><path fill="url(#i93J0Xd)" d="M21.5 13.5a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/><g filter="url(#ivZVjHe)"><path fill="#CC532D" fill-rule="evenodd" d="m27.017 23.526l-.405-.798a2.1 2.1 0 0 0-2.692-.986a2.11 2.11 0 0 0-1.182 2.611l.89 2.624a10.96 10.96 0 0 0 3.389-3.45m-3.308.135a.935.935 0 0 0 1.218.498a.915.915 0 0 0 .497-1.218a.935.935 0 0 0-1.218-.497a.934.934 0 0 0-.497 1.217" clip-rule="evenodd"/></g><g filter="url(#iAAhInc)" opacity=".4"><path fill="#E4694E" fill-rule="evenodd" d="M6.5 19.75a1.25 1.25 0 1 1 2.5 0v.75h2.5v-.75a1.25 1.25 0 1 1 2.5 0v.75h2.5v-.75a1.25 1.25 0 1 1 2.5 0v.75h2.5v-.75a1.25 1.25 0 1 1 2.5 0v2.75h-2.5v.75a1.25 1.25 0 1 1-2.5 0v-.75h-2.5v.75a1.25 1.25 0 1 1-2.5 0v-.75h-2.5v.75a1.25 1.25 0 1 1-2.5 0v-.75H6.5z" clip-rule="evenodd"/></g><path fill="url(#iyfHlMP)" stroke="url(#iUE8DMb)" stroke-width=".25" d="M9.375 19.25v2.625h-2.25V19.25a1.125 1.125 0 0 1 2.25 0Z"/><path fill="url(#ibgQIib)" stroke="url(#iVZgjvc)" stroke-width=".25" d="M14.375 19.25v2.625h-2.25V19.25a1.125 1.125 0 0 1 2.25 0Z"/><path fill="url(#iHDwmdz)" stroke="url(#iJ2AIld)" stroke-width=".25" d="M19.375 19.25v2.625h-2.25V19.25a1.125 1.125 0 0 1 2.25 0Z"/><path fill="url(#iyadRwc)" stroke="url(#ilAsCMb)" stroke-width=".25" d="M24.375 19.25v2.625h-2.25V19.25a1.125 1.125 0 0 1 2.25 0Z"/><path fill="url(#i3ueaLY)" stroke="url(#i6glX0d)" stroke-width=".25" d="M9.625 20.125h2.25v2.625a1.125 1.125 0 0 1-2.25 0z"/><path fill="url(#ipRTeUd)" stroke="url(#izBhMhb)" stroke-width=".25" d="M14.625 20.125h2.25v2.625a1.125 1.125 0 0 1-2.25 0z"/><path fill="url(#is0sQGd)" stroke="url(#iL9Lz5M)" stroke-width=".25" d="M19.625 20.125h2.25v2.625a1.125 1.125 0 0 1-2.25 0z"/><path fill="url(#iZCF5pG)" stroke="url(#iQ0zQae)" stroke-width=".25" d="M29.19 24.026a1.98 1.98 0 0 1 .11 2.892l-.382.382a1.98 1.98 0 0 1-2.894-.11l-2.42-2.789a1.983 1.983 0 0 1 .1-2.693a1.976 1.976 0 0 1 2.695-.1zm-5.132-.462a1.06 1.06 0 0 0 1.492 0a1.04 1.04 0 0 0 0-1.493a1.06 1.06 0 0 0-1.492 0a1.06 1.06 0 0 0 0 1.493Z"/><path fill="#D6A5F5" fill-rule="evenodd" d="M9.25 22v-2h.25v2zm5 0v-2h.25v2zm5-2v2h.25v-2z" clip-rule="evenodd"/><defs><radialGradient id="iuezoob" cx="0" cy="0" r="1" gradientTransform="rotate(132.839 10.786 10.065)scale(37.5033)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="iE8QcEd" cx="0" cy="0" r="1" gradientTransform="rotate(131.878 10.74 10.193)scale(38.9487)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="ivEnSkc" cx="0" cy="0" r="1" gradientTransform="rotate(101.31 2.876 12.808)scale(17.8466 22.8581)" gradientUnits="userSpaceOnUse"><stop offset=".788" stop-color="#F59639" stop-opacity="0"/><stop offset=".973" stop-color="#FF7DCE"/></radialGradient><radialGradient id="iWiImqb" cx="0" cy="0" r="1" gradientTransform="matrix(-29 29 -29 -29 18 14)" gradientUnits="userSpaceOnUse"><stop offset=".315" stop-opacity="0"/><stop offset="1"/></radialGradient><radialGradient id="ibBjvec" cx="0" cy="0" r="1" gradientTransform="rotate(77.692 -2.555 18.434)scale(28.1469)" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#7D6133" stop-opacity="0"/><stop offset="1" stop-color="#715B32"/></radialGradient><radialGradient id="ipSnfmL" cx="0" cy="0" r="1" gradientTransform="matrix(7.5 10.99996 -7.97335 5.4364 16.5 16.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB849"/><stop offset="1" stop-color="#FFB847" stop-opacity="0"/></radialGradient><radialGradient id="ilqJk5c" cx="0" cy="0" r="1" gradientTransform="matrix(11.49998 2 -2 11.49998 20.5 18)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA64B"/><stop offset=".9" stop-color="#FFAE46" stop-opacity="0"/></radialGradient><radialGradient id="i6j9Pab" cx="0" cy="0" r="1" gradientTransform="rotate(43.971 -9.827 29.173)scale(59.0529)" gradientUnits="userSpaceOnUse"><stop offset=".185" stop-opacity="0"/><stop offset="1" stop-opacity=".4"/></radialGradient><radialGradient id="iGpZLse" cx="0" cy="0" r="1" gradientTransform="rotate(135 4.557 7.225)scale(9.74236 5.04232)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="io7cAZd" cx="0" cy="0" r="1" gradientTransform="matrix(-5.75 5.75 -3.24597 -3.24597 23 10)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="iUE8DMb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5 1.5 -.9375 -.9375 9.5 18.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEFFF"/><stop offset="1" stop-color="#FFF2FF" stop-opacity="0"/></radialGradient><radialGradient id="iVZgjvc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5 1.5 -.9375 -.9375 14.5 18.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEFFF"/><stop offset="1" stop-color="#FFF2FF" stop-opacity="0"/></radialGradient><radialGradient id="iJ2AIld" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5 1.5 -.9375 -.9375 19.5 18.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEFFF"/><stop offset="1" stop-color="#FFF2FF" stop-opacity="0"/></radialGradient><radialGradient id="ilAsCMb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5 1.5 -.9375 -.9375 24.5 18.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEFFF"/><stop offset="1" stop-color="#FFF2FF" stop-opacity="0"/></radialGradient><radialGradient id="i6glX0d" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5 1.5 -.9375 -.9375 12 20.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEFFF"/><stop offset="1" stop-color="#FFF2FF" stop-opacity="0"/></radialGradient><radialGradient id="izBhMhb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5 1.5 -.9375 -.9375 17 20.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEFFF"/><stop offset="1" stop-color="#FFF2FF" stop-opacity="0"/></radialGradient><radialGradient id="iL9Lz5M" cx="0" cy="0" r="1" gradientTransform="matrix(-1.5 1.5 -.9375 -.9375 22 20.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEFFF"/><stop offset="1" stop-color="#FFF2FF" stop-opacity="0"/></radialGradient><radialGradient id="iQ0zQae" cx="0" cy="0" r="1" gradientTransform="matrix(-4.20002 2.62497 -1.4747 -2.35956 30 21.875)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEFFF"/><stop offset="1" stop-color="#FFF2FF" stop-opacity="0"/></radialGradient><linearGradient id="iIDQKtO" x1="19.115" x2="18.427" y1="9.5" y2="13.53" gradientUnits="userSpaceOnUse"><stop stop-color="#553B3E"/><stop offset="1" stop-color="#3D2432"/></linearGradient><linearGradient id="i93J0Xd" x1="22.115" x2="21.427" y1="9.5" y2="13.53" gradientUnits="userSpaceOnUse"><stop stop-color="#553B3E"/><stop offset="1" stop-color="#3D2432"/></linearGradient><linearGradient id="iyfHlMP" x1="9" x2="7.5" y1="18.5" y2="22" gradientUnits="userSpaceOnUse"><stop stop-color="#E9C9FF"/><stop offset="1" stop-color="#E3B9FF"/></linearGradient><linearGradient id="ibgQIib" x1="14" x2="12.5" y1="18.5" y2="22" gradientUnits="userSpaceOnUse"><stop stop-color="#E9C9FF"/><stop offset="1" stop-color="#E3B9FF"/></linearGradient><linearGradient id="iHDwmdz" x1="19" x2="17.5" y1="18.5" y2="22" gradientUnits="userSpaceOnUse"><stop stop-color="#E9C9FF"/><stop offset="1" stop-color="#E3B9FF"/></linearGradient><linearGradient id="iyadRwc" x1="24" x2="22.5" y1="18.5" y2="22" gradientUnits="userSpaceOnUse"><stop stop-color="#E9C9FF"/><stop offset="1" stop-color="#E3B9FF"/></linearGradient><linearGradient id="i3ueaLY" x1="11.5" x2="10" y1="20.5" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#E9C9FF"/><stop offset="1" stop-color="#E3B9FF"/></linearGradient><linearGradient id="ipRTeUd" x1="16.5" x2="15" y1="20.5" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#E9C9FF"/><stop offset="1" stop-color="#E3B9FF"/></linearGradient><linearGradient id="is0sQGd" x1="21.5" x2="20" y1="20.5" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#E9C9FF"/><stop offset="1" stop-color="#E3B9FF"/></linearGradient><linearGradient id="iZCF5pG" x1="28.6" x2="26.788" y1="21.875" y2="28.64" gradientUnits="userSpaceOnUse"><stop stop-color="#E9C9FF"/><stop offset="1" stop-color="#E3B9FF"/></linearGradient><filter id="ivZVjHe" width="8.387" height="9.401" x="20.629" y="19.576" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_9" stdDeviation="1"/></filter><filter id="iAAhInc" width="19.5" height="8" x="5.5" y="17.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_30_9" stdDeviation=".5"/></filter></defs></g></svg>Как использовать иконку Zipper Mouth Face
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:zipper-mouth-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:zipper-mouth-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:zipper-mouth-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--zipper-mouth-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:zipper-mouth-face"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:zipper-mouth-face"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/zipper-mouth-face.svg" alt="Иконка Zipper Mouth Face" width="24" height="24">Иконка Zipper Mouth Face в других наборах
Вопросы и ответы: Иконка Zipper Mouth Face
Можно ли бесплатно использовать иконку Zipper Mouth Face в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Zipper Mouth Face в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:zipper-mouth-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Zipper Mouth Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/zipper-mouth-face.svg" alt="Иконка Zipper Mouth Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.