Иконка Input Symbols
fluent-emoji:input-symbols
Иконка Input Symbols (fluent-emoji:input-symbols) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- inputsymbols, symbol
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><path id="ixnVMFe" d="M21.94 10.64a.1.1 0 0 0-.003.146l1.174 1.175a.1.1 0 0 0 .14.001l1.287-1.248a.75.75 0 0 1 1.045 1.076l-1.268 1.23a.1.1 0 0 0-.002.143l1.145 1.145a.75.75 0 1 1-1.06 1.06l-1.09-1.09a.1.1 0 0 0-.148.006c-.538.614-1.216 1.171-2.248 1.171c-1.392 0-2.594-1.12-2.594-2.555c0-.85.498-1.512.958-1.964a6 6 0 0 1 .27-.25a.1.1 0 0 0 .003-.15l-.002-.002l-.036-.033a6 6 0 0 1-.46-.454c-.325-.368-.623-.867-.623-1.56a2.367 2.367 0 1 1 4.734 0c0 .815-.488 1.432-.919 1.867q-.148.147-.302.287m-1.145-3.02a.867.867 0 0 0-.868.866c0 .213.076.374.248.569c.094.105.204.209.343.335l.04.036l.175.16a.1.1 0 0 0 .135.002q.167-.148.31-.291c.37-.372.484-.618.484-.81a.867.867 0 0 0-.867-.868m1.309 5.584a.1.1 0 0 0-.006-.135l-1.367-1.367a.04.04 0 0 0-.046-.01l-.01.007a5 5 0 0 0-.348.306c-.362.357-.509.652-.509.895c0 .564.488 1.055 1.094 1.055c.444 0 .726-.202 1.192-.751M7.545 6.22a.5.5 0 0 0 0 1h7.517a.5.5 0 0 0 0-1zM7.07 9.213a1 1 0 0 1 1-1h6.468a1 1 0 1 1 0 2h-2.135a.1.1 0 0 0-.1.1v3.994a1 1 0 1 1-2 0v-3.994a.1.1 0 0 0-.1-.1H8.07a1 1 0 0 1-1-1m3.83 8.984a3.467 3.467 0 0 0 0 6.934a.75.75 0 1 1 0 1.5a4.967 4.967 0 1 1 4.524-2.915l-.04.077a.75.75 0 0 1-.68.432h-2.24a.75.75 0 0 1-.526-.215a.11.11 0 0 0-.127-.024a2.453 2.453 0 1 1 .034-4.427c.04.02.09.011.123-.019a.75.75 0 0 1 1.245.563v1.443a2.5 2.5 0 0 1 0 .437v.642a.1.1 0 0 0 .1.1h.816a.1.1 0 0 0 .095-.07a3.47 3.47 0 0 0-3.324-4.458m-.13 2.615a.953.953 0 1 0 .944 1.08v-.256l-.001-.014a.95.95 0 0 0-.942-.81m13.439-3.48a1 1 0 0 1 .364 1.366l-4.086 7.055a1 1 0 1 1-1.73-1.002l4.085-7.055a1 1 0 0 1 1.367-.364m-5.93 1.398a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m1.5-.5a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m4.039 4.993a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m-.5 1.5a.5.5 0 1 1 1 0a.5.5 0 0 1-1 0"/></defs><g fill="none"><g filter="url(#iGA1o4V)"><rect width="27.875" height="27.875" x="1.934" y="2.438" fill="url(#iLD5zqb)" rx="3.6"/><rect width="27.875" height="27.875" x="1.934" y="2.438" fill="url(#iFWT7bb)" rx="3.6"/></g><g filter="url(#ihB2oSc)"><path stroke="url(#iYkiEAb)" stroke-linecap="round" stroke-width="1.5" d="M28.122 4.938v22.875"/></g><g filter="url(#isDALSd)"><path stroke="url(#iXEMiNd)" stroke-linecap="round" stroke-width="1.5" d="M5.398 4.25H27.18"/></g><g fill="#579FFF" filter="url(#iBwrmFb)"><use href="#ixnVMFe"/></g><g fill="#FCF2FF" filter="url(#iD3FW9c)"><use href="#ixnVMFe"/></g><defs><filter id="iGA1o4V" width="28.875" height="28.875" x="1.934" y="1.438" 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.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2256"/><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="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2256" result="effect2_innerShadow_18590_2256"/></filter><filter id="ihB2oSc" width="5.5" height="28.375" x="25.372" y="2.188" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2256" stdDeviation="1"/></filter><filter id="isDALSd" width="27.281" height="5.5" x="2.648" y="1.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2256" stdDeviation="1"/></filter><filter id="iBwrmFb" width="21.877" height="22.512" x="4.933" y="5.119" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2256" stdDeviation=".5"/></filter><filter id="iD3FW9c" width="21.277" height="21.912" x="4.933" y="5.719" 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"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2256"/><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 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2256" result="effect2_innerShadow_18590_2256"/></filter><linearGradient id="iLD5zqb" x1="15.872" x2="15.872" y1="6.012" y2="39.265" gradientUnits="userSpaceOnUse"><stop stop-color="#5CB7FF"/><stop offset="1" stop-color="#4878DD"/></linearGradient><linearGradient id="iYkiEAb" x1="28.622" x2="28.622" y1="4.938" y2="27.813" gradientUnits="userSpaceOnUse"><stop stop-color="#7FD9FF"/><stop offset="1" stop-color="#639DF4"/></linearGradient><linearGradient id="iXEMiNd" x1="28.336" x2="2.804" y1="4.5" y2="4.5" gradientUnits="userSpaceOnUse"><stop stop-color="#7DD8FF"/><stop offset="1" stop-color="#5DB6FF"/></linearGradient><radialGradient id="iFWT7bb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.59 4.531)" gradientUnits="userSpaceOnUse"><stop stop-color="#7BD7FF"/><stop offset="1" stop-color="#7BD7FF" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Input Symbols
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:input-symbols" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:input-symbols" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:input-symbols" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--input-symbols]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:input-symbols"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:input-symbols"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/input-symbols.svg" alt="Иконка Input Symbols" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Input Symbols в других наборах
Вопросы и ответы: Иконка Input Symbols
Можно ли бесплатно использовать иконку Input Symbols в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Input Symbols в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:input-symbols" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Input Symbols на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/input-symbols.svg" alt="Иконка Input Symbols">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.