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

Иконка Border Vertical

hugeicons:border-vertical

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

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

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.3 2.751c-1.04.194-1.804.536-2.409 1.14c-.604.605-.946 1.37-1.14 2.409M17.7 2.751c1.04.194 1.804.536 2.409 1.14c.604.605.946 1.37 1.14 2.409M13.9 2.505q-.875-.006-1.9-.005q-1.025-.001-1.9.005M21.495 10.1q.006.875.005 1.9q.001 1.025-.005 1.9m-18.99-3.8q-.006.875-.005 1.9q-.001 1.025.005 1.9m.246 3.8c.194 1.04.536 1.804 1.14 2.409c.605.604 1.37.946 2.409 1.14M21.249 17.7c-.194 1.04-.536 1.804-1.14 2.409c-.605.604-1.37.946-2.409 1.14m-3.8.246q-.875.006-1.9.005q-1.024.001-1.9-.005M9.15 12h5.7m4.75 0h1.9m-19 0h1.9M12 2.5v19"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

Иконка border-all-01
border-all-01
 Иконка border-all-02
border-all-02
 Иконка border-bottom-01
border-bottom-01
 Иконка border-bottom-02
border-bottom-02
 Иконка border-full
border-full
 Иконка border-horizontal
border-horizontal
 Иконка border-inner
border-inner
 Иконка border-left-01
border-left-01
 Иконка border-left-02
border-left-02
 Иконка border-none-01
border-none-01
 Иконка border-none-02
border-none-02
 Иконка border-right-01
border-right-01
 Иконка border-right-02
border-right-02
 Иконка border-top-01
border-top-01
 Иконка border-top-02
border-top-02

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

Иконка Border Vertical из набора Material Design Icons
Material Design Icons
 Иконка Border Vertical из набора Tabler Icons
Tabler Icons
 Иконка Border Vertical из набора Material Symbols
Material Symbols
 Иконка Border Vertical из набора CoreUI Free
CoreUI Free
 Иконка Border Vertical из набора Material Design Iconic Font
Material Design Iconic Font
 Иконка Border Vertical из набора Material Design Light
Material Design Light
 Иконка Border Vertical из набора Material Symbols Light
Material Symbols Light
 Иконка Border Vertical из набора Unicons
Unicons
 Иконка Border Vertical из набора Unicons Monochrome
Unicons Monochrome
 Иконка Border Vertical из набора Unicons Solid
Unicons Solid
 Иконка Border Vertical из набора Unicons Thin Line
Unicons Thin Line
 Иконка Border Vertical из набора Zondicons
Zondicons

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

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

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

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

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

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

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

Все Huge Icons →