ICONYZ
Русский
Иконка Border All Outline из набора Teenyicons

Иконка Border All Outline

teenyicons:border-all-outline

Иконка Border All Outline (teenyicons:border-all-outline) — бесплатная SVG-иконка из набора Teenyicons от smhmd. Она нарисована на сетке 15 × 15. Teenyicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Teenyicons
Автор
smhmd
Лицензия
MIT
Размер
15 × 15
Теги
borderall, alloutline, borderalloutline
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="none" stroke="currentColor" d="M7.5 1.5v12m-6-6h12m-12-6h12v12h-12z"/></svg>

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

React

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

<Icon icon="teenyicons:border-all-outline" width="24" />

Vue

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

<template>
  <Icon icon="teenyicons:border-all-outline" width="24" />
</template>

Svelte

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

<Icon icon="teenyicons:border-all-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--border-all-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:border-all-outline"></div>

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

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

<iconify-icon icon="teenyicons:border-all-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/teenyicons/border-all-outline.svg" alt="Иконка Border All Outline" width="24" height="24">

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

Иконка border-all-solid
border-all-solid
 Иконка border-bottom-outline
border-bottom-outline
 Иконка border-bottom-solid
border-bottom-solid
 Иконка border-horizontal-outline
border-horizontal-outline
 Иконка border-horizontal-solid
border-horizontal-solid
 Иконка border-inner-outline
border-inner-outline
 Иконка border-inner-solid
border-inner-solid
 Иконка border-left-outline
border-left-outline
 Иконка border-left-solid
border-left-solid
 Иконка border-none-outline
border-none-outline
 Иконка border-none-solid
border-none-solid
 Иконка border-outer-outline
border-outer-outline
 Иконка border-outer-solid
border-outer-solid
 Иконка border-radius-outline
border-radius-outline
 Иконка border-radius-solid
border-radius-solid
 Иконка border-right-outline
border-right-outline
 Иконка border-right-solid
border-right-solid
 Иконка border-top-outline
border-top-outline
 Иконка border-top-solid
border-top-solid
 Иконка border-vertical-outline
border-vertical-outline
 Иконка border-vertical-solid
border-vertical-solid

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

Иконка Border All Outline из набора Material Symbols
Material Symbols
 Иконка Border All Outline из набора Glyphs
Glyphs
 Иконка Border All Outline из набора Material Symbols Light
Material Symbols Light

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

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

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

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

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

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

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

Все Teenyicons →