Иконка Input Numbers
fluent-emoji:input-numbers
Иконка Input Numbers (fluent-emoji:input-numbers) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- inputnumbers, number
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><path id="iIKd2tb" d="M20.387 7.531c.318-.377.6-.466.779-.475a.72.72 0 0 1 .546.223a.9.9 0 0 1 .26.647c0 .255-.101.617-.486 1.03c-.364.39-.846.895-1.345 1.417h-.001c-.696.728-1.425 1.491-1.917 2.033c-.777.856-.127 2.151.958 2.151h4.05a1.01 1.01 0 0 0 0-2.02H21.1a.1.1 0 0 1-.072-.168l.526-.55c.503-.526 1.001-1.046 1.411-1.487c1.41-1.514 1.274-3.386.175-4.483a2.74 2.74 0 0 0-2.074-.81c-.821.041-1.602.453-2.224 1.193a1.01 1.01 0 0 0 1.546 1.3M12.45 6.046a1.01 1.01 0 0 0-1.74-.697L8.878 7.273a1.01 1.01 0 1 0 1.463 1.393a.053.053 0 0 1 .09.036v4.846a1.01 1.01 0 0 0 2.02 0zm-2.095 12.925a.898.898 0 1 1 1.177 1.209a.1.1 0 0 1-.03.008a1.01 1.01 0 0 0-.08 1.998a.899.899 0 1 1-1.113 1.134a1.01 1.01 0 0 0-1.925.612a2.918 2.918 0 1 0 5.093-2.665a.105.105 0 0 1 0-.127a2.918 2.918 0 1 0-4.941-3.045a1.01 1.01 0 1 0 1.819.876m9.734-2.444c.541.134.87.682.736 1.224l-.715 2.866a.1.1 0 0 0 .097.124h.868a.1.1 0 0 0 .1-.1v-.538a1.01 1.01 0 0 1 2.02 0v.577c0 .047.034.088.08.1a1.01 1.01 0 0 1 0 1.94a.11.11 0 0 0-.08.102v2.117a1.01 1.01 0 0 1-2.02 0V22.86a.1.1 0 0 0-.1-.1h-2.289a1.01 1.01 0 0 1-.98-1.255l1.059-4.244a1.01 1.01 0 0 1 1.224-.736"/></defs><g fill="none"><g filter="url(#iXxHqyc)"><rect width="27.875" height="27.875" x="1.934" y="1.563" fill="url(#ipTdj9b)" rx="3.6"/><rect width="27.875" height="27.875" x="1.934" y="1.563" fill="url(#ibp24Yb)" rx="3.6"/></g><g filter="url(#inZMG4b)"><path stroke="url(#itK0qWc)" stroke-linecap="round" stroke-width="1.5" d="M28.122 4.063v22.875"/></g><g filter="url(#iQhRzcd)"><path stroke="url(#idWYrue)" stroke-linecap="round" stroke-width="1.5" d="M5.398 3.375H27.18"/></g><g fill="#579FFF" filter="url(#iaIGEVb)"><use href="#iIKd2tb"/></g><g fill="#FCF2FF" filter="url(#isU3tEb)"><use href="#iIKd2tb"/></g><defs><filter id="iXxHqyc" width="28.875" height="28.875" x="1.934" y=".563" 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_2242"/><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_2242" result="effect2_innerShadow_18590_2242"/></filter><filter id="inZMG4b" width="5.5" height="28.375" x="25.372" y="1.313" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2242" stdDeviation="1"/></filter><filter id="iQhRzcd" width="27.281" height="5.5" x="2.648" y=".625" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2242" stdDeviation="1"/></filter><filter id="iaIGEVb" width="17.905" height="22.929" x="7.336" y="4.036" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2242" stdDeviation=".5"/></filter><filter id="isU3tEb" width="17.305" height="22.329" x="7.336" y="4.636" 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_2242"/><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_2242" result="effect2_innerShadow_18590_2242"/></filter><linearGradient id="ipTdj9b" x1="15.872" x2="15.872" y1="5.137" y2="38.39" gradientUnits="userSpaceOnUse"><stop stop-color="#5CB7FF"/><stop offset="1" stop-color="#4878DD"/></linearGradient><linearGradient id="itK0qWc" x1="28.622" x2="28.622" y1="4.063" y2="26.938" gradientUnits="userSpaceOnUse"><stop stop-color="#7FD9FF"/><stop offset="1" stop-color="#639DF4"/></linearGradient><linearGradient id="idWYrue" x1="28.336" x2="2.804" y1="3.625" y2="3.625" gradientUnits="userSpaceOnUse"><stop stop-color="#7DD8FF"/><stop offset="1" stop-color="#5DB6FF"/></linearGradient><radialGradient id="ibp24Yb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.59 3.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#7BD7FF"/><stop offset="1" stop-color="#7BD7FF" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Input Numbers
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:input-numbers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:input-numbers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:input-numbers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--input-numbers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:input-numbers"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:input-numbers"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/input-numbers.svg" alt="Иконка Input Numbers" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Input Numbers в других наборах
Вопросы и ответы: Иконка Input Numbers
Можно ли бесплатно использовать иконку Input Numbers в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Input Numbers в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:input-numbers" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Input Numbers на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/input-numbers.svg" alt="Иконка Input Numbers">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.