Иконка Separator Horizontal Outline

solar:separator-horizontal-outline

Иконка Separator Horizontal Outline (solar:separator-horizontal-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Настройки
Теги: separatorhorizontal, horizontaloutline, separatorhorizontaloutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.4697 14.4697C17.7626 14.1768 18.2374 14.1768 18.5303 14.4697C18.8231 14.7626 18.8232 15.2373 18.5303 15.5302L12.5303 21.5302C12.2374 21.8231 11.7626 21.8231 11.4697 21.5302L5.46973 15.5302C5.17684 15.2373 5.17686 14.7626 5.46973 14.4697C5.76262 14.1768 6.23738 14.1768 6.53027 14.4697L12 19.9394L17.4697 14.4697Z"/><path d="M22 11.2499C22.4142 11.2499 22.75 11.5857 22.75 11.9999C22.75 12.4141 22.4142 12.7499 22 12.7499H2C1.58581 12.7499 1.25003 12.4141 1.25 11.9999C1.25 11.5857 1.58579 11.2499 2 11.2499H22Z"/><path d="M11.4697 2.46967C11.7626 2.17678 12.2374 2.17678 12.5303 2.46967L18.5303 8.46967C18.8231 8.76257 18.8232 9.23733 18.5303 9.53022C18.2374 9.82307 17.7626 9.82307 17.4697 9.53022L12 4.06049L6.53027 9.53022C6.23739 9.82307 5.76261 9.82307 5.46973 9.53022C5.17684 9.23733 5.17686 8.76257 5.46973 8.46967L11.4697 2.46967Z"/></g></svg>

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

React

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

<Icon icon="solar:separator-horizontal-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:separator-horizontal-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:separator-horizontal-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--separator-horizontal-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:separator-horizontal-outline"></div>

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

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

<iconify-icon icon="solar:separator-horizontal-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/separator-horizontal-outline.svg" alt="Иконка Separator Horizontal Outline" width="24" height="24">

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

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

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

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

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

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

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

Все Иконки Solar →