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

Иконка Flip Horizontal

hugeicons:flip-horizontal

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

Набор
Huge Icons
Автор
Hugeicons
Лицензия
MIT
Размер
24 × 24
Теги
fliphorizontal
Скачать 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="M6.295 14.42c1.359-.953 2.038-1.43 2.17-2.076a1.7 1.7 0 0 0 0-.688c-.132-.646-.811-1.123-2.17-2.076C4.65 8.425 3.827 7.847 3.153 8.035c-.234.065-.45.187-.63.355C2 8.877 2 9.918 2 12s0 3.123.522 3.61c.181.168.397.29.631.355c.674.188 1.497-.39 3.142-1.545m11.41-4.84c-1.359.953-2.038 1.43-2.17 2.076a1.7 1.7 0 0 0 0 .688c.132.646.811 1.123 2.17 2.076c1.645 1.155 2.468 1.733 3.142 1.545c.234-.065.45-.187.63-.355C22 15.123 22 14.082 22 12s0-3.123-.522-3.61a1.5 1.5 0 0 0-.631-.355c-.675-.188-1.497.39-3.142 1.545"/><path d="M12 14v-4m0-3.5V3m0 18v-3.5"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка flip-bottom
flip-bottom
 Иконка 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
flip-vertical
 Иконка flip-vertical-01
flip-vertical-01
 Иконка flip-vertical2
flip-vertical2

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

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

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

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

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

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

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

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

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

Все Huge Icons →