Иконка Selfie Light
fluent-emoji:selfie-light
Иконка Selfie Light (fluent-emoji:selfie-light) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- selfielight
Код 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="1.992" fill="url(#iakIfNS)" rx=".9"/><rect width="6.844" height="9.938" x="16.939" y="1.992" fill="url(#iO5HDec)" rx=".9"/><path fill="url(#iQvhFQc)" d="M16.94 10.96V2.993h6.01v7.969z"/><path fill="url(#ixQBRcc)" d="M16.94 10.96V2.993h6.01v7.969z"/><path fill="url(#iN8goLd)" d="M16.94 10.96V2.993h6.01v7.969z"/><path fill="url(#iYighKb)" d="M16.94 10.96V2.993h6.01v7.969z"/><g filter="url(#i4uVNtc)"><path fill="url(#iMIF8Ub)" d="M21.328 5.892c0-.527.427-.955.954-.955h.876a.954.954 0 1 1 0 1.909a.954.954 0 0 1 .305 1.858a.955.955 0 0 1-.305 1.858h-.876a.954.954 0 0 1-.362-1.837a.954.954 0 0 1 .233-1.88h.129a.954.954 0 0 1-.954-.953"/></g><path fill="#F3C1AE" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#ijVaqWb)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#iN9FuWb)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#iddBCDd)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#iv2Qhuc)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#ipPynab)" d="M16.62 7.258a1.32 1.32 0 0 0-1.321 1.336v2.684a2.3 2.3 0 0 0 1.28 2.06c.237.118.401.369.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.053a1.6 1.6 0 0 0-.392.047q-.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(#i5QBNOb)"><path fill="#E24C86" d="M16.778 15.023a1.2 1.2 0 0 0-1.129.794l-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.321a1 1 0 0 0-.955-1.298z"/><path fill="url(#ibL0nDd)" d="M16.778 15.023a1.2 1.2 0 0 0-1.129.794l-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.321a1 1 0 0 0-.955-1.298z"/><path fill="url(#ikRx4sb)" d="M16.778 15.023a1.2 1.2 0 0 0-1.129.794l-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.321a1 1 0 0 0-.955-1.298z"/></g><path fill="url(#iljekMb)" d="M16.778 15.023a1.2 1.2 0 0 0-1.129.794l-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.321a1 1 0 0 0-.955-1.298z"/><rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#iYhndQt)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#iCvQ7kb)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#izhGpME)" rx="1.047"/><rect width="3.027" height="2.094" x="21.572" y="10.563" fill="url(#i0l6dAd)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.555" fill="url(#ippk8QB)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.555" fill="url(#iy8gVEc)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="4.555" fill="url(#iKKisRd)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#i4CrmDb)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#iONFP7c)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#iOphdAb)" rx="1.047"/><rect width="3.555" height="2.094" x="21.654" y="8.633" fill="url(#ijr84rb)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#iGZa7Qc)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#ikYRRwb)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#iVTYqNc)" rx="1.047"/><rect width="3.719" height="2.094" x="21.49" y="6.648" fill="url(#i0Y2Ocz)" rx="1.047"/><defs><radialGradient id="iQvhFQc" cx="0" cy="0" r="1" gradientTransform="rotate(97.587 8.91 11.116)scale(8.79527 10.2043)" gradientUnits="userSpaceOnUse"><stop stop-color="#4CBFF1"/><stop offset="1" stop-color="#1884D9"/></radialGradient><radialGradient id="iYighKb" cx="0" cy="0" r="1" gradientTransform="matrix(1.94501 .78125 -.58938 1.46734 18 9.313)" gradientUnits="userSpaceOnUse"><stop stop-color="#267BAE"/><stop offset="1" stop-color="#267BAE" stop-opacity="0"/></radialGradient><radialGradient id="ijVaqWb" cx="0" cy="0" r="1" gradientTransform="matrix(-3.28125 .97656 -1.0161 -3.41411 23.5 11.93)" gradientUnits="userSpaceOnUse"><stop offset=".168" stop-color="#D79D96"/><stop offset="1" stop-color="#D79D96" stop-opacity="0"/></radialGradient><radialGradient id="iN9FuWb" cx="0" cy="0" r="1" gradientTransform="matrix(3.0968 -.55469 3.18173 17.7635 15.299 11.898)" gradientUnits="userSpaceOnUse"><stop stop-color="#D79D96"/><stop offset="1" stop-color="#D79D96" stop-opacity="0"/></radialGradient><radialGradient id="iddBCDd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.71723 3.30237 0 18.362 10.125)" gradientUnits="userSpaceOnUse"><stop stop-color="#D79D96"/><stop offset="1" stop-color="#D79D96" stop-opacity="0"/></radialGradient><radialGradient id="iv2Qhuc" cx="0" cy="0" r="1" gradientTransform="matrix(-.80716 .88786 -.96855 -.8805 17.79 11.092)" gradientUnits="userSpaceOnUse"><stop stop-color="#E9BAA9"/><stop offset="1" stop-color="#E9BAA9" stop-opacity="0"/></radialGradient><radialGradient id="ipPynab" cx="0" cy="0" r="1" gradientTransform="matrix(-.62745 .62745 -.71264 -.71264 18.89 8.31)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD4BE"/><stop offset="1" stop-color="#FFD4BE" stop-opacity="0"/></radialGradient><radialGradient id="ibL0nDd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.68752 2.24998 -.59132 -.70631 23.483 15.024)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF99B6"/><stop offset="1" stop-color="#FF99B6" stop-opacity="0"/></radialGradient><radialGradient id="iljekMb" cx="0" cy="0" r="1" gradientTransform="matrix(1.32813 .40625 -1.35537 4.43103 14.75 18)" gradientUnits="userSpaceOnUse"><stop offset=".25" stop-color="#D56274"/><stop offset="1" stop-color="#D56274" stop-opacity="0"/></radialGradient><radialGradient id="iCvQ7kb" cx="0" cy="0" r="1" gradientTransform="matrix(-.53893 .375 -.33792 -.48564 24.181 11.32)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDAC2"/><stop offset="1" stop-color="#FFDAC2" stop-opacity="0"/></radialGradient><radialGradient id="izhGpME" cx="0" cy="0" r="1" gradientTransform="matrix(.94672 0 0 1.77217 21.572 11.61)" gradientUnits="userSpaceOnUse"><stop stop-color="#DFAC95"/><stop offset="1" stop-color="#DFAC95" stop-opacity="0"/></radialGradient><radialGradient id="iy8gVEc" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 5.313)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDAC2"/><stop offset="1" stop-color="#FFDAC2" stop-opacity="0"/></radialGradient><radialGradient id="iKKisRd" cx="0" cy="0" r="1" gradientTransform="matrix(1.11163 0 0 1.77217 21.654 5.602)" gradientUnits="userSpaceOnUse"><stop stop-color="#DFAC95"/><stop offset="1" stop-color="#DFAC95" stop-opacity="0"/></radialGradient><radialGradient id="iONFP7c" cx="0" cy="0" r="1" gradientTransform="matrix(-.63281 .375 -.31612 -.53345 24.716 9.39)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDAC2"/><stop offset="1" stop-color="#FFDAC2" stop-opacity="0"/></radialGradient><radialGradient id="iOphdAb" cx="0" cy="0" r="1" gradientTransform="matrix(1.11163 0 0 1.77217 21.654 9.68)" gradientUnits="userSpaceOnUse"><stop stop-color="#DFAC95"/><stop offset="1" stop-color="#DFAC95" stop-opacity="0"/></radialGradient><radialGradient id="ikYRRwb" cx="0" cy="0" r="1" gradientTransform="matrix(-.66202 .375 -.3091 -.54569 24.694 7.406)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDAC2"/><stop offset="1" stop-color="#FFDAC2" stop-opacity="0"/></radialGradient><radialGradient id="iVTYqNc" cx="0" cy="0" r="1" gradientTransform="matrix(1.16294 0 0 1.77217 21.49 7.695)" gradientUnits="userSpaceOnUse"><stop stop-color="#DFAC95"/><stop offset="1" stop-color="#DFAC95" stop-opacity="0"/></radialGradient><linearGradient id="iakIfNS" x1="21.513" x2="24.074" y1="5.178" y2="2.469" gradientUnits="userSpaceOnUse"><stop stop-color="#3C4071"/><stop offset="1" stop-color="#5C618E"/></linearGradient><linearGradient id="iO5HDec" x1="20.361" x2="20.361" y1="12.192" y2="11.411" gradientUnits="userSpaceOnUse"><stop stop-color="#1B1F50"/><stop offset="1" stop-color="#1B1F50" stop-opacity="0"/></linearGradient><linearGradient id="ixQBRcc" x1="23.17" x2="22.466" y1="7.255" y2="7.255" gradientUnits="userSpaceOnUse"><stop stop-color="#68EAFF"/><stop offset="1" stop-color="#68EAFF" stop-opacity="0"/></linearGradient><linearGradient id="iN8goLd" x1="16.906" x2="17.334" y1="6.977" y2="6.977" gradientUnits="userSpaceOnUse"><stop stop-color="#4887B6"/><stop offset="1" stop-color="#4887B6" stop-opacity="0"/></linearGradient><linearGradient id="iMIF8Ub" x1="21.942" x2="21.942" y1="10.563" y2="5.65" gradientUnits="userSpaceOnUse"><stop stop-color="#2967A0"/><stop offset="1" stop-color="#3985C0"/></linearGradient><linearGradient id="ikRx4sb" x1="11.076" x2="11.076" y1="30.773" y2="27.148" gradientUnits="userSpaceOnUse"><stop stop-color="#BA2083"/><stop offset="1" stop-color="#BA2083" stop-opacity="0"/></linearGradient><linearGradient id="iYhndQt" x1="23.086" x2="23.086" y1="10.563" y2="12.656" gradientUnits="userSpaceOnUse"><stop stop-color="#F1C5AB"/><stop offset="1" stop-color="#E9B19D"/></linearGradient><linearGradient id="i0l6dAd" x1="23.086" x2="23.086" y1="10.414" y2="11.375" gradientUnits="userSpaceOnUse"><stop stop-color="#D79B7D"/><stop offset="1" stop-color="#D79B7D" stop-opacity="0"/></linearGradient><linearGradient id="ippk8QB" x1="23.431" x2="23.431" y1="4.555" y2="6.648" gradientUnits="userSpaceOnUse"><stop stop-color="#F1C5AB"/><stop offset="1" stop-color="#E9B19D"/></linearGradient><linearGradient id="i4CrmDb" x1="23.431" x2="23.431" y1="8.633" y2="10.727" gradientUnits="userSpaceOnUse"><stop stop-color="#F1C5AB"/><stop offset="1" stop-color="#E9B19D"/></linearGradient><linearGradient id="ijr84rb" x1="23.431" x2="23.431" y1="8.633" y2="9.25" gradientUnits="userSpaceOnUse"><stop stop-color="#D79B7D"/><stop offset="1" stop-color="#D79B7D" stop-opacity="0"/></linearGradient><linearGradient id="iGZa7Qc" x1="23.349" x2="23.349" y1="6.648" y2="8.742" gradientUnits="userSpaceOnUse"><stop stop-color="#F1C5AB"/><stop offset="1" stop-color="#E9B19D"/></linearGradient><linearGradient id="i0Y2Ocz" x1="23.349" x2="23.349" y1="6.5" y2="7.125" gradientUnits="userSpaceOnUse"><stop stop-color="#D79B7D"/><stop offset="1" stop-color="#D79B7D" stop-opacity="0"/></linearGradient><filter id="i4uVNtc" width="3.914" height="6.625" x="20.699" y="4.438" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_5856" stdDeviation=".25"/></filter><filter id="i5QBNOb" width="22.048" height="15.844" x="1.998" y="15.023" 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_5856"/></filter></defs></g></svg>Как использовать иконку Selfie Light
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:selfie-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:selfie-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:selfie-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--selfie-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:selfie-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:selfie-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/selfie-light.svg" alt="Иконка Selfie Light" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Selfie Light в других наборах
Вопросы и ответы: Иконка Selfie Light
Можно ли бесплатно использовать иконку Selfie Light в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Selfie Light в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:selfie-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Selfie Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/selfie-light.svg" alt="Иконка Selfie Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.