Иконка Seat
fluent-emoji:seat
Иконка Seat (fluent-emoji:seat) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iffpLJd)" d="M10 5.358a.5.5 0 0 1 .351-.613l2.536-.69a.5.5 0 0 1 .614.35l1.266 4.654a.5.5 0 0 1-.35.614l-2.536.69a.5.5 0 0 1-.614-.351z"/><path fill="url(#iL1qSyd)" d="M10 5.358a.5.5 0 0 1 .351-.613l2.536-.69a.5.5 0 0 1 .614.35l1.266 4.654a.5.5 0 0 1-.35.614l-2.536.69a.5.5 0 0 1-.614-.351z"/><path fill="url(#iCTKAWs)" d="M10 5.358a.5.5 0 0 1 .351-.613l2.536-.69a.5.5 0 0 1 .614.35l1.266 4.654a.5.5 0 0 1-.35.614l-2.536.69a.5.5 0 0 1-.614-.351z"/><g filter="url(#iNWtWWb)"><path fill="url(#izy24cf)" d="M6.607 5.183a1.2 1.2 0 0 1 .857-1.471l2.428-.631a1.2 1.2 0 0 1 1.46.85l4.239 15.788h-5.094z"/></g><path fill="url(#iBAktJd)" d="M6.607 5.183a1.2 1.2 0 0 1 .857-1.471l2.428-.631a1.2 1.2 0 0 1 1.46.85l4.239 15.788h-5.094z"/><g filter="url(#iR37soS)"><path fill="url(#iTs0KMA)" d="m11.66 24.19l-1.253-4.815a.25.25 0 0 1 .242-.312h14.786a1 1 0 0 1 1 1v4.062a1 1 0 0 1-1 1H12.87a1.25 1.25 0 0 1-1.21-.935"/></g><path fill="url(#iPVt6Ed)" d="m12.936 29.104l-.795-2.696a1 1 0 0 1 .96-1.283h12.334a1 1 0 0 1 1 1V29a1 1 0 0 1-1 1h-11.3a1.25 1.25 0 0 1-1.2-.896"/><path fill="url(#i5mD7Ne)" d="m12.936 29.104l-.795-2.696a1 1 0 0 1 .96-1.283h12.334a1 1 0 0 1 1 1V29a1 1 0 0 1-1 1h-11.3a1.25 1.25 0 0 1-1.2-.896"/><path fill="url(#itEwJie)" d="m12.936 29.104l-.795-2.696a1 1 0 0 1 .96-1.283h12.334a1 1 0 0 1 1 1V29a1 1 0 0 1-1 1h-11.3a1.25 1.25 0 0 1-1.2-.896"/><path fill="url(#inqC9nI)" d="m12.936 29.104l-.795-2.696a1 1 0 0 1 .96-1.283h12.334a1 1 0 0 1 1 1V29a1 1 0 0 1-1 1h-11.3a1.25 1.25 0 0 1-1.2-.896"/><path fill="url(#imTEp6c)" d="m12.61 28l.326 1.104a1.25 1.25 0 0 0 1.199.896h11.3a1 1 0 0 0 1-1v-1z"/><path fill="url(#iCCE1He)" d="m12.61 28l.326 1.104a1.25 1.25 0 0 0 1.199.896h11.3a1 1 0 0 0 1-1v-1z"/><path fill="url(#iL9VMod)" d="m12.61 28l.326 1.104a1.25 1.25 0 0 0 1.199.896h11.3a1 1 0 0 0 1-1v-1z"/><path fill="url(#itUgJta)" d="m12.61 28l.326 1.104a1.25 1.25 0 0 0 1.199.896h11.3a1 1 0 0 0 1-1v-1z"/><path fill="url(#iK673ce)" d="m12.61 28l.326 1.104a1.25 1.25 0 0 0 1.199.896h11.3a1 1 0 0 0 1-1v-1z"/><g filter="url(#iNGVxNb)"><path fill="#536EA7" d="M9.886 16.099a1.45 1.45 0 0 1 1.401-1.827h2.627l.864 2.902h-3.49a1.45 1.45 0 0 1-1.402-1.075"/></g><g filter="url(#i2dZuwc)"><rect width="13" height="3" x="9.983" y="14.031" fill="url(#iAFabec)" rx="1.5"/><rect width="13" height="3" x="9.983" y="14.031" fill="url(#iPYJXdY)" rx="1.5"/></g><defs><linearGradient id="iffpLJd" x1="12.384" x2="13.861" y1="4.803" y2="10.759" gradientUnits="userSpaceOnUse"><stop stop-color="#C4C0CD"/><stop offset="1" stop-color="#9B95A7"/></linearGradient><linearGradient id="iL1qSyd" x1="14.309" x2="13.615" y1="6.856" y2="7.058" gradientUnits="userSpaceOnUse"><stop stop-color="#DCD8DE"/><stop offset="1" stop-color="#DCD8DE" stop-opacity="0"/></linearGradient><linearGradient id="izy24cf" x1="8.565" x2="13.164" y1="3.586" y2="20.959" gradientUnits="userSpaceOnUse"><stop stop-color="#65D6F6"/><stop offset="1" stop-color="#529FE7"/></linearGradient><linearGradient id="iBAktJd" x1="16.92" x2="11.88" y1="17.319" y2="16.55" gradientUnits="userSpaceOnUse"><stop stop-color="#55A0E9"/><stop offset="1" stop-color="#55A0E9" stop-opacity="0"/></linearGradient><linearGradient id="iTs0KMA" x1="18.38" x2="18.38" y1="19.625" y2="25.938" gradientUnits="userSpaceOnUse"><stop stop-color="#62C8F7"/><stop offset="1" stop-color="#4991E3"/></linearGradient><linearGradient id="iPVt6Ed" x1="12.647" x2="26.435" y1="27.241" y2="27.241" gradientUnits="userSpaceOnUse"><stop stop-color="#AEA4B3"/><stop offset="1" stop-color="#D1C6D7"/></linearGradient><linearGradient id="i5mD7Ne" x1="26.435" x2="25.644" y1="27.125" y2="27.11" gradientUnits="userSpaceOnUse"><stop stop-color="#F4EEF7"/><stop offset="1" stop-color="#F4EEF7" stop-opacity="0"/></linearGradient><linearGradient id="itEwJie" x1="12.619" x2="13.986" y1="27.969" y2="27.627" gradientUnits="userSpaceOnUse"><stop stop-color="#78707D"/><stop offset="1" stop-color="#78707D" stop-opacity="0"/></linearGradient><linearGradient id="inqC9nI" x1="19.267" x2="19.267" y1="25.125" y2="25.305" gradientUnits="userSpaceOnUse"><stop stop-color="#546692"/><stop offset="1" stop-color="#546692" stop-opacity="0"/></linearGradient><linearGradient id="imTEp6c" x1="13.497" x2="26.435" y1="29" y2="29" gradientUnits="userSpaceOnUse"><stop stop-color="#4D3F55"/><stop offset="1" stop-color="#664875"/></linearGradient><linearGradient id="iCCE1He" x1="19.756" x2="19.756" y1="30" y2="29.328" gradientUnits="userSpaceOnUse"><stop stop-color="#3B2C45"/><stop offset="1" stop-color="#3B2C45" stop-opacity="0"/></linearGradient><linearGradient id="iL9VMod" x1="13.118" x2="15.212" y1="29.445" y2="29.354" gradientUnits="userSpaceOnUse"><stop stop-color="#39343C"/><stop offset="1" stop-color="#39343C" stop-opacity="0"/></linearGradient><linearGradient id="itUgJta" x1="17.442" x2="17.442" y1="28" y2="28.216" gradientUnits="userSpaceOnUse"><stop stop-color="#39343C"/><stop offset="1" stop-color="#39343C" stop-opacity="0"/></linearGradient><linearGradient id="iAFabec" x1="16.483" x2="16.483" y1="14.572" y2="17.031" gradientUnits="userSpaceOnUse"><stop stop-color="#C6C2C9"/><stop offset="1" stop-color="#888099"/></linearGradient><filter id="iNWtWWb" width="9.825" height="17.077" x="6.165" y="2.642" 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=".4" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.25098 0 0 0 0 0.462745 0 0 0 0 0.682353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12807"/><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="-.4"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.517647 0 0 0 0 0.996078 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_12807" result="effect2_innerShadow_18_12807"/></filter><filter id="iR37soS" width="16.036" height="6.313" x="10.399" y="19.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 dy=".25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.529412 0 0 0 0 0.976471 0 0 0 0 0.996078 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12807"/></filter><filter id="iNGVxNb" width="5.742" height="3.701" x="9.436" y="13.872" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_12807" stdDeviation=".2"/></filter><filter id="i2dZuwc" width="13.25" height="3.25" x="9.983" y="13.781" 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="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.537255 0 0 0 0 0.505882 0 0 0 0 0.603922 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_12807"/></filter><radialGradient id="iCTKAWs" cx="0" cy="0" r="1" gradientTransform="matrix(.52047 1.80677 -.34081 .09818 13.37 4.037)" gradientUnits="userSpaceOnUse"><stop stop-color="#D4CFD7"/><stop offset="1" stop-color="#D4CFD7" stop-opacity="0"/></radialGradient><radialGradient id="iK673ce" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.55847 -.8194 0 26.206 28)" gradientUnits="userSpaceOnUse"><stop stop-color="#7B638A"/><stop offset="1" stop-color="#7B638A" stop-opacity="0"/></radialGradient><radialGradient id="iPYJXdY" cx="0" cy="0" r="1" gradientTransform="matrix(-1.43706 .3832 -.49552 -1.85826 22.744 14.795)" gradientUnits="userSpaceOnUse"><stop stop-color="#DBD8DC"/><stop offset="1" stop-color="#DBD8DC" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Seat
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:seat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:seat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:seat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--seat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:seat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:seat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/seat.svg" alt="Иконка Seat" width="24" height="24">Иконка Seat в других наборах
Вопросы и ответы: Иконка Seat
Можно ли бесплатно использовать иконку Seat в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Seat в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:seat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Seat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/seat.svg" alt="Иконка Seat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.