Иконка Ui Phone Slider Vertical
streamline-freehand-color:ui-phone-slider-vertical
Иконка Ui Phone Slider Vertical (streamline-freehand-color:ui-phone-slider-vertical) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Программирование, приложения и сайты
- Теги
- uiphone, phoneslider, slidervertical, uiphoneslidervertical
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M21.782 17.192a.349.349 0 0 0-.239-.648c-.359.13-16.859 0-18.125-.26a48.5 48.5 0 0 1-.339-7.178c0-.618.13-1.366.13-1.366a10 10 0 0 1 3.34-.23c17.197.51 14.954.1 15.134.12c.311.928.519 1.888.618 2.862c.787 5.613.11 4.576.289 4.985a.31.31 0 0 0 .399.18c.259-.1.279-.46.299-.759c.08-1.435-.29-6.31-.838-7.606c-.319-.768-.887-.509-2.373-.569c-4.406-.21-13.31-.508-15.951-.389c-1.296 0-1.994.17-2.184 1.516a44 44 0 0 0 .36 8.604a1 1 0 0 0 .478.738c.628.141 1.27.205 1.914.189c.618.07 16.46.05 17.088-.19"/><path fill="#0c6fff" d="M15.441 4.8a15.2 15.2 0 0 0-2.163-2.194c-1.535-1.117-2.164.259-3.52 2.073a.36.36 0 0 0 0 .489c.45.399.998-.738 2.284-1.675c.398-.29-.18-.22 1.994.997c.229.15 2.023 1.585 1.405.31m-.777 15.063q.417-.424.777-.897c.618-1.276-1.176.16-1.326.27c-2.223 1.255-1.645 1.325-1.994.996c-1.375-.997-1.814-2.083-2.283-1.675a.37.37 0 0 0 0 .499c1.974 2.781 2.164 3.559 4.826.807"/><path fill="#0c6fff" d="M1.414 3.852c0-.558-.1-1.615.409-1.994c.807-.528 2.801-.399 3.868-.489c3.45-.289 12.582-.239 12.861-.219c5.274.359 3.1 1.815 3.739 2.263a.29.29 0 0 0 .418-.07c.133-.228.186-.495.15-.757c.11-2.552-6.082-2.433-8.664-2.552a54.5 54.5 0 0 0-8.604.378c-1.176.16-3.22.09-4.227.828c-.817.598-.648 1.655-.648 2.592a.35.35 0 0 0 .698.02m12.931 20.109c2.612-.1 8.813.07 8.674-2.572a1.2 1.2 0 0 0-.15-.758a.31.31 0 1 0-.499.359c0 .538.12.997-.996 1.416c-1.785.658-5.494.418-7.069.399c-2.363 0-6.171 0-8.484-.2c-1.067-.09-3.071 0-3.869-.488s0-2.303-.767-2.293a.35.35 0 0 0-.34.358c0 1.616-.228 2.652 1.995 3.101c.997.21 2.143.22 2.91.32c2.851.347 5.725.467 8.595.358"/></g></svg>Как использовать иконку Ui Phone Slider Vertical
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:ui-phone-slider-vertical" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:ui-phone-slider-vertical" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:ui-phone-slider-vertical" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--ui-phone-slider-vertical]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:ui-phone-slider-vertical"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:ui-phone-slider-vertical"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/ui-phone-slider-vertical.svg" alt="Иконка Ui Phone Slider Vertical" width="24" height="24">Похожие иконки в наборе Freehand color icons
Иконка Ui Phone Slider Vertical в других наборах
Вопросы и ответы: Иконка Ui Phone Slider Vertical
Можно ли бесплатно использовать иконку Ui Phone Slider Vertical в коммерческих проектах?
Да. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Ui Phone Slider Vertical в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand-color:ui-phone-slider-vertical" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ui Phone Slider Vertical на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/ui-phone-slider-vertical.svg" alt="Иконка Ui Phone Slider Vertical">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.