Иконка Up Text Button
emojione-v1:up-text-button
Иконка Up Text Button (emojione-v1:up-text-button) — бесплатная 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
- Категория
- Символы
- Теги
- uptext, textbutton, uptextbutton
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#1b75bb" d="M63.918 57.025a6.89 6.89 0 0 1-6.892 6.894H6.887A6.89 6.89 0 0 1 0 57.025V6.889A6.89 6.89 0 0 1 6.887 0h50.139a6.89 6.89 0 0 1 6.892 6.889z"/><path fill="#fff" d="M3.189 33.79V19.621q0-1.81.815-2.711q.811-.906 2.14-.907q1.384 0 2.199.907q.813.903.813 2.711v14.487c0 1.649.183 3.03.552 4.133s1.023 1.963 1.96 2.571c.938.611 2.254.915 3.94.915q3.495 0 4.945-1.859Q22 38.009 22 34.232V19.621q0-1.83.805-2.723q.803-.894 2.15-.895q1.347.001 2.179.895q.833.894.833 2.723V33.79c0 2.301-.225 4.226-.672 5.765q-.672 2.312-2.541 4.062a9.9 9.9 0 0 1-3.74 2.172c-1.419.451-3.082.683-4.985.683c-2.265 0-4.212-.245-5.85-.735c-1.631-.487-2.963-1.247-3.994-2.271c-1.036-1.021-1.789-2.337-2.272-3.937q-.723-2.405-.724-5.739m38.751.703h-5.465v8.34q0 1.788-.842 2.712q-.846.925-2.133.926q-1.346 0-2.168-.916c-.553-.607-.827-1.504-.827-2.683V20.163q0-1.97.907-2.813q.905-.845 2.871-.846h7.657q3.4.002 5.225.524c1.208.333 2.248.891 3.128 1.668a7.56 7.56 0 0 1 1.998 2.853q.684 1.689.684 3.799q0 4.5-2.772 6.822q-2.773 2.323-8.263 2.323m-1.444-13.505h-4.02v9h4.02c1.409 0 2.579-.147 3.525-.444q1.418-.439 2.16-1.445q.747-1.006.746-2.635c0-1.298-.385-2.358-1.146-3.175q-1.288-1.304-5.285-1.304M55.47 33.2l-.644-9.626q-.18-2.813-.181-4.04q-.001-1.668.875-2.605c.582-.621 1.352-.933 2.3-.933q1.732.001 2.311 1.195q.584 1.198.585 3.448c0 .881-.049 1.781-.144 2.692l-.861 9.906q-.142 1.771-.601 2.714q-.467.946-1.532.944c-.718 0-1.227-.305-1.504-.911q-.422-.915-.604-2.785m2.23 13.223a3.17 3.17 0 0 1-2.14-.793q-.914-.793-.915-2.219q-.001-1.247.875-2.12q.872-.877 2.141-.876q1.266 0 2.159.876c.593.581.896 1.29.896 2.12c0 .935-.303 1.675-.903 2.209a3.08 3.08 0 0 1-2.113.803"/></svg>Как использовать иконку Up Text Button
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:up-text-button" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:up-text-button" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:up-text-button" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--up-text-button]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:up-text-button"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:up-text-button"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/up-text-button.svg" alt="Иконка Up Text Button" width="24" height="24">Похожие иконки в наборе Emoji One (v1)
Иконка Up Text Button в других наборах
Вопросы и ответы: Иконка Up Text Button
Можно ли бесплатно использовать иконку Up Text Button в коммерческих проектах?
Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Up Text Button в React?
Установите @iconify/react и выведите <Icon icon="emojione-v1:up-text-button" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Up Text Button на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-v1/up-text-button.svg" alt="Иконка Up Text Button">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.