ICONYZ
Русский
Иконка Border Top из набора Unicons

Иконка Border Top

uil:border-top

Иконка Border Top (uil:border-top) — бесплатная SVG-иконка из набора Unicons от Iconscout. Она нарисована на сетке 24 × 24. Unicons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Unicons
Автор
Iconscout
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Контент
Теги
bordertop
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8 18.5a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0-8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m4 8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m-8-12a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0 12a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0-14h16a1 1 0 0 0 0-2H4a1 1 0 0 0 0 2m0 10a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0-4a1 1 0 1 0 1 1a1 1 0 0 0-1-1m8-4a1 1 0 1 0 1 1a1 1 0 0 0-1-1m8 8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0 4a1 1 0 1 0 1 1a1 1 0 0 0-1-1m-8-4a1 1 0 1 0 1 1a1 1 0 0 0-1-1m8-8a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0 4a1 1 0 1 0 1 1a1 1 0 0 0-1-1m-8 0a1 1 0 1 0 1 1a1 1 0 0 0-1-1m4 0a1 1 0 1 0 1 1a1 1 0 0 0-1-1m0 8a1 1 0 1 0 1 1a1 1 0 0 0-1-1"/></svg>

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

React

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

<Icon icon="uil:border-top" width="24" />

Vue

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

<template>
  <Icon icon="uil:border-top" width="24" />
</template>

Svelte

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

<Icon icon="uil:border-top" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="uil:border-top"></iconify-icon>

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

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

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

Иконка border-alt
border-alt
 Иконка border-bottom
border-bottom
 Иконка border-clear
border-clear
 Иконка border-horizontal
border-horizontal
 Иконка border-inner
border-inner
 Иконка border-left
border-left
 Иконка border-out
border-out
 Иконка border-right
border-right
 Иконка border-vertical
border-vertical

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

Иконка Border Top из набора Material Design Icons
Material Design Icons
 Иконка Border Top из набора Tabler Icons
Tabler Icons
 Иконка Border Top из набора Material Symbols
Material Symbols
 Иконка Border Top из набора Bootstrap Icons
Bootstrap Icons
 Иконка Border Top из набора Carbon
Carbon
 Иконка Border Top из набора BoxIcons v2
BoxIcons v2
 Иконка Border Top из набора Boxicons
Boxicons
 Иконка Border Top из набора CoreUI Free
CoreUI Free
 Иконка Border Top из набора Iconoir
Iconoir
 Иконка Border Top из набора Material Design Iconic Font
Material Design Iconic Font
 Иконка Border Top из набора Material Design Light
Material Design Light
 Иконка Border Top из набора Material Symbols Light
Material Symbols Light

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

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

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

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

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

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

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

Все Unicons →