ICONYZ
Русский
Иконка Flip Vertical из набора Huge Icons

Иконка Flip Vertical

hugeicons:flip-vertical

Иконка Flip Vertical (hugeicons:flip-vertical) — бесплатная SVG-иконка из набора Huge Icons от Hugeicons. Она нарисована на сетке 24 × 24. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Huge Icons
Автор
Hugeicons
Лицензия
MIT
Размер
24 × 24
Теги
flipvertical
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M9.58 6.295c.953 1.359 1.43 2.038 2.076 2.17c.227.047.461.047.688 0c.646-.132 1.123-.811 2.076-2.17c1.155-1.645 1.733-2.468 1.545-3.142a1.5 1.5 0 0 0-.355-.63C15.123 2 14.082 2 12 2s-3.123 0-3.61.522c-.168.181-.29.397-.355.631c-.188.674.39 1.497 1.545 3.142m4.84 11.41c-.953-1.359-1.43-2.038-2.076-2.17a1.7 1.7 0 0 0-.688 0c-.646.132-1.123.811-2.076 2.17c-1.155 1.645-1.733 2.468-1.545 3.142c.065.234.187.45.355.63C8.877 22 9.918 22 12 22s3.123 0 3.61-.522c.168-.181.29-.397.355-.631c.188-.675-.39-1.497-1.545-3.142"/><path d="M10 12h4m3.5 0H21M3 12h3.5"/></g></svg>

Как использовать иконку Flip Vertical

React

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

<Icon icon="hugeicons:flip-vertical" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:flip-vertical" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:flip-vertical" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--flip-vertical]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:flip-vertical"></div>

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

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

<iconify-icon icon="hugeicons:flip-vertical"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/hugeicons/flip-vertical.svg" alt="Иконка Flip Vertical" width="24" height="24">

Похожие иконки в наборе Huge Icons

Иконка flip-bottom
flip-bottom
 Иконка flip-horizontal
flip-horizontal
 Иконка flip-horizontal-01
flip-horizontal-01
 Иконка flip-horizontal2
flip-horizontal2
 Иконка flip-left
flip-left
 Иконка flip-phone
flip-phone
 Иконка flip-right
flip-right
 Иконка flip-top
flip-top
 Иконка flip-vertical-01
flip-vertical-01
 Иконка flip-vertical2
flip-vertical2

Иконка Flip Vertical в других наборах

Иконка Flip Vertical из набора Material Design Icons
Material Design Icons
 Иконка Flip Vertical из набора Tabler Icons
Tabler Icons
 Иконка Flip Vertical из набора Phosphor
Phosphor
 Иконка Flip Vertical из набора Griddy Icons
Griddy Icons
 Иконка Flip Vertical из набора Gridicons
Gridicons
 Иконка Flip Vertical из набора IconOven
IconOven
 Иконка Flip Vertical из набора Keyline Icons
Keyline Icons
 Иконка Flip Vertical из набора WordPress Icons
WordPress Icons
 Иконка Flip Vertical из набора andrsrxn/icons
andrsrxn/icons

Вопросы и ответы: Иконка Flip Vertical

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

Да. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Huge Icons →