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

Иконка Border Inner

hugeicons:border-inner

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

Набор
Huge Icons
Автор
Hugeicons
Лицензия
MIT
Размер
24 × 24
Теги
borderinner
Скачать 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-.005M2.5 12h19M12 2.5v19"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

<img src="https://iconyz.com/api/public/svg/hugeicons/border-inner.svg" alt="Иконка Border Inner" 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-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

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

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

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

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

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

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

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

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

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

Все Huge Icons →