Иконка Input Symbols

emojione-v1:input-symbols

Иконка Input Symbols (emojione-v1:input-symbols) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Emoji One (v1)
Автор: Emoji One
Лицензия: CC-BY-SA-4.0
Размер: 64 × 64
Категория: Символы
Теги: inputsymbols, symbol

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#1b75bb" d="M64.005 57.098a6.9 6.9 0 0 1-6.9 6.904H6.895C3.085 64.002 0 60.91 0 57.098V6.902c0-3.81 3.086-6.9 6.894-6.9h50.21a6.9 6.9 0 0 1 6.901 6.9z"/><g fill="#fff"><path d="M25 53.37c1.127-1.605 2-3.701 2.479-5.952c.049-.196.049-.379.049-.485c0-.859-.578-1.51-1.565-1.742a3 3 0 0 0-.538-.07c-.92 0-1.618.563-1.774 1.417c-.276 1.367-.635 2.787-1.348 4.063l-4.185-4.315c1.033-.505 1.741-.945 2.31-1.431c1.603-1.203 2.415-2.797 2.415-4.742c0-3.353-2.607-5.516-6.644-5.516c-1.543 0-2.921.354-3.974 1.024c-1.727 1.063-2.639 2.694-2.639 4.72c0 2.02.875 3.395 2.202 4.827c-3.037 1.563-5.01 3.453-5.01 7.03c0 4.152 3.331 7.164 7.917 7.164c3.183 0 5.531-.893 7.726-2.963l1.936 2.096c.66.747 1.797.813 2.801.104c.491-.398.771-.974.771-1.568c0-.481-.183-.935-.522-1.271l-2.411-2.386M16.195 38.17c.997 0 2.668.272 2.668 2.09c0 .96-.333 1.616-1.102 2.187c-.481.346-1.242.729-2.265 1.144l-.532-.538c-.788-.835-1.407-1.488-1.407-2.529c.001-1.412 1.062-2.354 2.638-2.354m-1.805 9.742l5.446 5.722c-1.462 1.389-2.99 2.01-4.882 2.01c-2.365 0-4.082-1.485-4.082-3.533c-.001-1.9.832-2.922 3.518-4.201m41.538-12.045c0-.538-.313-1.068-.781-1.368a1.85 1.85 0 0 0-1.063-.36c-.466 0-.854.182-1.18.559l-16.654 21.6l-.044.063c-.085.143-.242.406-.242.762c0 .473.233.941.664 1.322l.06.045a1.9 1.9 0 0 0 1.09.357c.479 0 .896-.182 1.211-.556l16.615-21.56c.212-.266.324-.558.324-.864"/><path d="M45.29 41.3c0-4.447-2.172-7.104-5.807-7.104c-3.6 0-5.834 2.666-5.834 6.961c0 4.293 2.234 6.961 5.834 6.961c3.529-.001 5.807-2.678 5.807-6.818m-5.807-3.705c1.815 0 2.09 2.176 2.09 3.475c0 1.396-.272 3.738-2.09 3.738c-1.838 0-2.115-2.181-2.115-3.478c0-2.479.712-3.735 2.115-3.735m12.927 7.358c-3.508 0-5.865 2.797-5.865 6.962c0 4.312 2.247 6.987 5.865 6.987c3.509 0 5.775-2.688 5.775-6.846c.001-4.517-2.105-7.103-5.775-7.103m0 10.61c-1.868 0-2.148-2.213-2.148-3.532c0-1.691.379-3.712 2.176-3.712c1.795 0 2.063 2.16 2.063 3.447c-.002 2.519-.703 3.797-2.091 3.797M7.157 9.04h21.308v4.04H7.157zm0 6.581h21.308v4.04H7.157z"/><path d="M15.791 15.621h4.04v12.86h-4.04zm37.926-5.325c-1.445-1.437-2.918-2.843-4.354-4.286c-.168-.167-.405-.524-.653-.592c-.412-.12-.96-.017-1.384-.017a.36.36 0 0 0-.248.096l-.016.018l-.002.004a.34.34 0 0 0-.099.249c.013 5.094.024 10.18.038 15.271c-2.195-1.637-6.324-1.049-7.102 1.82c-.446 1.649-.08 3.588 1.314 4.649c1.502 1.141 3.699 1.248 5.393.48c1.554-.701 2.773-2.086 2.836-3.878c.039-1.167 0-2.344 0-3.513v-9.155c1.547.28 3.134 1.506 3.994 2.706c.808 1.125.931 2.988.731 4.168c-.202 1.229-.918 2.317-1.142 3.537c-.063.334.058.62.412.66c.463.051 1.045-.875 1.242-1.137c2.686-3.56 2.139-7.999-.96-11.08"/></g></svg>

Как использовать иконку Input Symbols

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:input-symbols" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:input-symbols" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:input-symbols" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--input-symbols]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:input-symbols"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:input-symbols"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/input-symbols.svg" alt="Иконка Input Symbols" width="24" height="24">

Иконка Input Symbols в других наборах

Вопросы и ответы: Иконка Input Symbols

Можно ли бесплатно использовать иконку Input Symbols в коммерческих проектах?

Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Input Symbols в React?

Установите @iconify/react и выведите <Icon icon="emojione-v1:input-symbols" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Input Symbols на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-v1/input-symbols.svg" alt="Иконка Input Symbols">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Emoji One (v1) →