Иконка Flip Horizontal Sharp Duotone

keyline-icons:flip-horizontal-sharp-duotone

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

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: fliphorizontal, horizontalsharp, sharpduotone, fliphorizontalsharpduotone

Скачать 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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" fill-rule="evenodd" d="M2.6401 6.2318L8.6401 11.2318C8.8681 11.4218 8.9999 11.7032 8.9999 12C8.9999 12.2968 8.8681 12.5782 8.6401 12.7682L2.6401 17.7682C2.4604 17.9181 2.2338 18.0001 1.9998 18.0001C1.4474 18.0001 0.9997 17.5523 0.9999 16.9999L0.9999 7.0001C0.9997 6.4477 1.4474 5.9999 1.9998 5.9999C2.2338 5.9999 2.4604 6.0819 2.6401 6.2318ZM21.3599 6.2318L15.3599 11.2318C15.1319 11.4218 15 11.7032 15 12C15 12.2968 15.1319 12.5782 15.3599 12.7682L21.3599 17.7682C21.5396 17.9181 21.7662 18.0001 22.0002 18.0001C22.5526 18.0001 23.0003 17.5523 23.0001 16.9999L23.0001 7.0001C23.0003 6.4477 22.5526 5.9999 22.0002 5.9999C21.7662 5.9999 21.5396 6.0819 21.3599 6.2318Z" clip-rule="evenodd" stroke="none"/><path d="M12 1L12 5M12 7L12 11M12 13L12 17M12 19L12 23"/></g></svg>

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

React

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

<Icon icon="keyline-icons:flip-horizontal-sharp-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:flip-horizontal-sharp-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:flip-horizontal-sharp-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--flip-horizontal-sharp-duotone]"></span>

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:flip-horizontal-sharp-duotone"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Keyline Icons →