Иконка Swipe Up

openmoji:swipe-up

Иконка Swipe Up (openmoji:swipe-up) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Дополнения OpenMoji
Теги: swipeup

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="14.229" cy="31.724" r="4" fill="#92d3f5"/><path fill="#fcea2b" d="m61.47 44.012l-.733-.932l.516-.615l-14.022-11.766l-11.571 13.79l-12.79-10.731l-.118.14a3 3 0 0 0-.648-.784a3 3 0 0 0-3.857 4.596c.27.227.572.386.885.503l-.119.14L34.596 51.43l-.894-.468l-3.597.181l-3.948 3.527l.218 2.913l3.806.52l7.279.948l3.78 3.172l-.114.146l.912.524l1.217 1.02l.182-.216l.319.183l.908-.09l4.434 1.022l6.526-1.97l4.739-4.238l2.59-6.736z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M57.855 39.586c5.98 5.018 6.76 13.934 1.742 19.914s-13.934 6.76-19.914 1.743M57.28 39.104l-7.896-6.626m-4.054 4.439a3.006 3.006 0 1 1 4.055-4.44m-8.071 8.916a3.006 3.006 0 1 1 4.054-4.44"/><path d="M41.228 41.316a3.006 3.006 0 1 1 4.222-4.281m-8.337 8.725a3.006 3.006 0 0 1 4.152-4.35m-12.05 16.733a3.006 3.006 0 0 1-.42-5.998M18.527 38.013a3.007 3.007 0 0 1 3.865-4.606m14.697 12.332L22.392 33.407m-3.865 4.606l18.286 15.344m-5.48-1.278l-2.538.066m2.923 6.115c2.489-.1 5.263.634 8.088 3.086m-10.591-3.203l2.572.116M17.09 30.817a3 3 0 1 0-2.602 3.884m-1.022-10.149V7.466m-5.173 3.871l5.201-5.201m5.202 5.201l-5.202-5.201"/></g></svg>

Как использовать иконку Swipe Up

React

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

<Icon icon="openmoji:swipe-up" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:swipe-up" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:swipe-up" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--swipe-up]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:swipe-up"></div>

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

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

<iconify-icon icon="openmoji:swipe-up"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/openmoji/swipe-up.svg" alt="Иконка Swipe Up" width="24" height="24">

Иконка Swipe Up в других наборах

Вопросы и ответы: Иконка Swipe Up

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

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

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

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

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

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

Все Иконки OpenMoji →