Иконка Selfie Medium Dark
fluent-emoji:selfie-medium-dark
Иконка Selfie Medium Dark (fluent-emoji:selfie-medium-dark) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- selfiemedium, mediumdark, selfiemediumdark
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><rect width="6.844" height="9.938" x="16.939" y="2.031" fill="url(#in2fhkb)" rx=".9"/><rect width="6.844" height="9.938" x="16.939" y="2.031" fill="url(#ip4Cuec)" rx=".9"/><path fill="url(#ie9FQ7c)" d="M16.94 11V3.031h6.01V11z"/><path fill="url(#ifixJFd)" d="M16.94 11V3.031h6.01V11z"/><path fill="url(#imydPId)" d="M16.94 11V3.031h6.01V11z"/><path fill="url(#ifcEvfc)" d="M16.94 11V3.031h6.01V11z"/><g filter="url(#iPE0kOb)"><path fill="url(#iW9S29t)" d="M21.328 5.93c0-.526.427-.953.954-.953h.876a.954.954 0 1 1 0 1.908a.954.954 0 0 1 .305 1.858a.955.955 0 0 1-.305 1.859h-.876a.954.954 0 0 1-.362-1.838a.954.954 0 0 1 .233-1.88h.129a.954.954 0 0 1-.954-.953"/></g><path fill="#8A6660" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><path fill="url(#idl6uec)" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><path fill="url(#izhTCVd)" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><path fill="url(#inyAEPb)" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><path fill="url(#inRB8xM)" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><path fill="url(#ilVid8g)" d="M16.62 7.297a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.368.349.628l-.296 1.464h5.364l.375-1.422a.75.75 0 0 1 .44-.502l.703-.244c.442-.132.852-.62.999-1.184l.067-.289l-.948.054c-.132-.006-.262.02-.392.046q-.073.015-.147.028a1 1 0 0 1-.15.013H17.88a.9.9 0 0 1-.903-.9v-.89a.25.25 0 0 1 .25-.25h.844c.73 0 1.321-.589 1.321-1.316s-.591-1.316-1.321-1.316z"/><g filter="url(#iKjBpJe)"><path fill="#E24C86" d="M16.778 15.063a1.2 1.2 0 0 0-1.129.793l-2.023 5.617a.75.75 0 0 1-.706.496H2.598a.6.6 0 0 0-.6.6v6.737a.6.6 0 0 0 .6.6h13.238a4 4 0 0 0 3.819-2.81L23 16.36a1 1 0 0 0-.955-1.297z"/><path fill="url(#igPDBXd)" d="M16.778 15.063a1.2 1.2 0 0 0-1.129.793l-2.023 5.617a.75.75 0 0 1-.706.496H2.598a.6.6 0 0 0-.6.6v6.737a.6.6 0 0 0 .6.6h13.238a4 4 0 0 0 3.819-2.81L23 16.36a1 1 0 0 0-.955-1.297z"/><path fill="url(#ifkYorc)" d="M16.778 15.063a1.2 1.2 0 0 0-1.129.793l-2.023 5.617a.75.75 0 0 1-.706.496H2.598a.6.6 0 0 0-.6.6v6.737a.6.6 0 0 0 .6.6h13.238a4 4 0 0 0 3.819-2.81L23 16.36a1 1 0 0 0-.955-1.297z"/></g><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#iDSkD9c)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#iJzMS9M)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#iEKMNcb)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#ipFrFSc)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.602" fill="url(#iu7BLQT)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.594" fill="url(#in8Ijgc)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.594" fill="url(#iKZEevd)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.594" fill="url(#i20nHLd)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.672" fill="url(#iVzNZHV)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.672" fill="url(#imvL0fb)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.672" fill="url(#ipPJVMb)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.672" fill="url(#iHDk7ze)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.688" fill="url(#i8a3Pad)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.688" fill="url(#i00pxVd)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.688" fill="url(#iQB94RZ)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.688" fill="url(#iNMyNbd)" rx="1.047"/><defs><radialGradient id="ie9FQ7c" cx="0" cy="0" r="1" gradientTransform="rotate(97.587 8.894 11.136)scale(8.79527 10.2043)" gradientUnits="userSpaceOnUse"><stop stop-color="#4ABDE1"/><stop offset="1" stop-color="#187EC3"/></radialGradient><radialGradient id="ifcEvfc" cx="0" cy="0" r="1" gradientTransform="matrix(1.94501 .78125 -.58938 1.46734 18 9.352)" gradientUnits="userSpaceOnUse"><stop stop-color="#267BAE"/><stop offset="1" stop-color="#267BAE" stop-opacity="0"/></radialGradient><radialGradient id="idl6uec" cx="0" cy="0" r="1" gradientTransform="matrix(-3.19961 0 0 -3.32917 23.639 12.406)" gradientUnits="userSpaceOnUse"><stop offset=".425" stop-color="#7A4A54"/><stop offset="1" stop-color="#7A4A54" stop-opacity="0"/></radialGradient><radialGradient id="izhTCVd" cx="0" cy="0" r="1" gradientTransform="matrix(2.14654 -.49853 2.8596 12.3127 16.25 11.882)" gradientUnits="userSpaceOnUse"><stop stop-color="#7A4A54"/><stop offset="1" stop-color="#7A4A54" stop-opacity="0"/></radialGradient><radialGradient id="inyAEPb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.71723 3.30237 0 18.361 10.166)" gradientUnits="userSpaceOnUse"><stop stop-color="#7A4A54"/><stop offset="1" stop-color="#7A4A54" stop-opacity="0"/></radialGradient><radialGradient id="inRB8xM" cx="0" cy="0" r="1" gradientTransform="matrix(-.80716 .88786 -.96855 -.8805 17.79 11.13)" gradientUnits="userSpaceOnUse"><stop stop-color="#9C7B72"/><stop offset="1" stop-color="#9C7B72" stop-opacity="0"/></radialGradient><radialGradient id="ilVid8g" cx="0" cy="0" r="1" gradientTransform="matrix(-.62745 .62745 -.71264 -.71264 18.89 8.348)" gradientUnits="userSpaceOnUse"><stop stop-color="#9C7B72"/><stop offset="1" stop-color="#9C7B72" stop-opacity="0"/></radialGradient><radialGradient id="igPDBXd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.68752 2.24998 -.59132 -.70631 23.483 15.062)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF99B6"/><stop offset="1" stop-color="#FF99B6" stop-opacity="0"/></radialGradient><radialGradient id="iJzMS9M" cx="0" cy="0" r="1" gradientTransform="matrix(-.53893 .375 -.33792 -.48564 24.18 11.36)" gradientUnits="userSpaceOnUse"><stop stop-color="#9E7D70"/><stop offset="1" stop-color="#9E7D70" stop-opacity="0"/></radialGradient><radialGradient id="iEKMNcb" cx="0" cy="0" r="1" gradientTransform="matrix(1.00616 0 0 1.88344 21.572 11.648)" gradientUnits="userSpaceOnUse"><stop stop-color="#744E48"/><stop offset="1" stop-color="#744E48" stop-opacity="0"/></radialGradient><radialGradient id="iKZEevd" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 5.352)" gradientUnits="userSpaceOnUse"><stop stop-color="#9E7D70"/><stop offset="1" stop-color="#9E7D70" stop-opacity="0"/></radialGradient><radialGradient id="i20nHLd" cx="0" cy="0" r="1" gradientTransform="matrix(1.07813 0 0 1.71875 21.17 5.64)" gradientUnits="userSpaceOnUse"><stop stop-color="#744E48"/><stop offset="1" stop-color="#744E48" stop-opacity="0"/></radialGradient><radialGradient id="imvL0fb" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 9.43)" gradientUnits="userSpaceOnUse"><stop stop-color="#9E7D70"/><stop offset="1" stop-color="#9E7D70" stop-opacity="0"/></radialGradient><radialGradient id="ipPJVMb" cx="0" cy="0" r="1" gradientTransform="matrix(1.07812 0 0 1.71875 21.563 9.719)" gradientUnits="userSpaceOnUse"><stop stop-color="#744E48"/><stop offset="1" stop-color="#744E48" stop-opacity="0"/></radialGradient><radialGradient id="i00pxVd" cx="0" cy="0" r="1" gradientTransform="matrix(-.66202 .375 -.3091 -.54569 24.694 7.445)" gradientUnits="userSpaceOnUse"><stop stop-color="#9E7D70"/><stop offset="1" stop-color="#9E7D70" stop-opacity="0"/></radialGradient><radialGradient id="iQB94RZ" cx="0" cy="0" r="1" gradientTransform="matrix(1.20312 0 0 1.83341 21.375 7.734)" gradientUnits="userSpaceOnUse"><stop stop-color="#744E48"/><stop offset="1" stop-color="#744E48" stop-opacity="0"/></radialGradient><linearGradient id="in2fhkb" x1="21.513" x2="24.074" y1="5.217" y2="2.508" gradientUnits="userSpaceOnUse"><stop stop-color="#3C4071"/><stop offset="1" stop-color="#5C618E"/></linearGradient><linearGradient id="ip4Cuec" x1="20.361" x2="20.361" y1="12.231" y2="11.45" gradientUnits="userSpaceOnUse"><stop stop-color="#1B1F50"/><stop offset="1" stop-color="#1B1F50" stop-opacity="0"/></linearGradient><linearGradient id="ifixJFd" x1="23.17" x2="22.466" y1="7.294" y2="7.294" gradientUnits="userSpaceOnUse"><stop stop-color="#68EAFF"/><stop offset="1" stop-color="#68EAFF" stop-opacity="0"/></linearGradient><linearGradient id="imydPId" x1="16.906" x2="17.334" y1="7.016" y2="7.016" gradientUnits="userSpaceOnUse"><stop stop-color="#4887B6"/><stop offset="1" stop-color="#4887B6" stop-opacity="0"/></linearGradient><linearGradient id="iW9S29t" x1="21.942" x2="21.942" y1="10.602" y2="5.689" gradientUnits="userSpaceOnUse"><stop stop-color="#3985C0"/><stop offset="1" stop-color="#2967A0"/></linearGradient><linearGradient id="ifkYorc" x1="11.076" x2="11.076" y1="30.813" y2="27.188" gradientUnits="userSpaceOnUse"><stop stop-color="#BA2083"/><stop offset="1" stop-color="#BA2083" stop-opacity="0"/></linearGradient><linearGradient id="iDSkD9c" x1="23.086" x2="23.086" y1="10.602" y2="12.695" gradientUnits="userSpaceOnUse"><stop stop-color="#886354"/><stop offset="1" stop-color="#794946"/></linearGradient><linearGradient id="ipFrFSc" x1="23.086" x2="23.086" y1="10.602" y2="10.906" gradientUnits="userSpaceOnUse"><stop stop-color="#65372A"/><stop offset="1" stop-color="#65372A" stop-opacity="0"/></linearGradient><linearGradient id="iu7BLQT" x1="23.367" x2="23.367" y1="12.844" y2="12.195" gradientUnits="userSpaceOnUse"><stop stop-color="#79405C"/><stop offset="1" stop-color="#79405C" stop-opacity="0"/></linearGradient><linearGradient id="in8Ijgc" x1="23.431" x2="23.431" y1="4.594" y2="6.688" gradientUnits="userSpaceOnUse"><stop stop-color="#886354"/><stop offset="1" stop-color="#794946"/></linearGradient><linearGradient id="iVzNZHV" x1="23.431" x2="23.431" y1="8.672" y2="10.766" gradientUnits="userSpaceOnUse"><stop stop-color="#886354"/><stop offset="1" stop-color="#794946"/></linearGradient><linearGradient id="iHDk7ze" x1="23.431" x2="23.431" y1="8.602" y2="8.906" gradientUnits="userSpaceOnUse"><stop stop-color="#65372A"/><stop offset="1" stop-color="#65372A" stop-opacity="0"/></linearGradient><linearGradient id="i8a3Pad" x1="23.349" x2="23.349" y1="6.688" y2="8.781" gradientUnits="userSpaceOnUse"><stop stop-color="#886354"/><stop offset="1" stop-color="#794946"/></linearGradient><linearGradient id="iNMyNbd" x1="23.349" x2="23.349" y1="6.617" y2="6.922" gradientUnits="userSpaceOnUse"><stop stop-color="#65372A"/><stop offset="1" stop-color="#65372A" stop-opacity="0"/></linearGradient><filter id="iPE0kOb" width="3.914" height="6.625" x="20.699" y="4.477" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5824" stdDeviation=".25"/></filter><filter id="iKjBpJe" width="22.048" height="15.844" x="1.998" y="15.063" 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" dy="1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.713726 0 0 0 0 0.121569 0 0 0 0 0.254902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_5824"/></filter></defs></g></svg>Как использовать иконку Selfie Medium Dark
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:selfie-medium-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:selfie-medium-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:selfie-medium-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--selfie-medium-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:selfie-medium-dark"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:selfie-medium-dark"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/selfie-medium-dark.svg" alt="Иконка Selfie Medium Dark" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Selfie Medium Dark в других наборах
Вопросы и ответы: Иконка Selfie Medium Dark
Можно ли бесплатно использовать иконку Selfie Medium Dark в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Selfie Medium Dark в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:selfie-medium-dark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Selfie Medium Dark на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/selfie-medium-dark.svg" alt="Иконка Selfie Medium Dark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.