ICONYZ
Русский
Иконка Border None из набора andrsrxn/icons

Иконка Border None

andrsrxn:border-none

Иконка Border None (andrsrxn:border-none) — бесплатная SVG-иконка из набора andrsrxn/icons от Andrés Raxón. Она нарисована на сетке 24 × 24. andrsrxn/icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
andrsrxn/icons
Автор
Andrés Raxón
Лицензия
MIT
Размер
24 × 24
Категория
Дизайн
Теги
bordernone
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><rect width="18.48" height="18.48" x="21.24" y="21.24" fill="currentColor" opacity=".2" rx="3" transform="rotate(-180 21.24 21.24)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 15.37V8.63M15.37 12H8.63M5.39 2.7h-.06a2.6 2.6 0 0 0-2.61 2.62M18.61 2.7h.06a2.6 2.6 0 0 1 2.61 2.62M5.25 21.3h-.06a2.47 2.47 0 0 1-2.47-2.48m16.04 2.48h.05a2.47 2.47 0 0 0 2.47-2.48m-18.5-7.97v2.25m18.46-2.25v2.25M10.9 21.2h2.24M10.9 2.72h2.24"/></g></svg>

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

React

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

<Icon icon="andrsrxn:border-none" width="24" />

Vue

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

<template>
  <Icon icon="andrsrxn:border-none" width="24" />
</template>

Svelte

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

<Icon icon="andrsrxn:border-none" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="andrsrxn:border-none"></iconify-icon>

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

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

Похожие иконки в наборе andrsrxn/icons

Иконка border-all
border-all
 Иконка border-bottom
border-bottom
 Иконка border-end
border-end
 Иконка border-left
border-left
 Иконка border-right
border-right
 Иконка border-start
border-start
 Иконка border-top
border-top

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

Иконка Border None из набора Material Design Icons
Material Design Icons
 Иконка Border None из набора Tabler Icons
Tabler Icons
 Иконка Border None из набора Font Awesome 6 Solid
Font Awesome 6 Solid
 Иконка Border None из набора Carbon
Carbon
 Иконка Border None из набора BoxIcons v2
BoxIcons v2
 Иконка Border None из набора Boxicons
Boxicons
 Иконка Border None из набора Font Awesome 5 Solid
Font Awesome 5 Solid
 Иконка Border None из набора Font Awesome Solid
Font Awesome Solid
 Иконка Border None из набора Glyphs
Glyphs
 Иконка Border None из набора Glyphs Poly
Glyphs Poly
 Иконка Border None из набора IconOven
IconOven
 Иконка Border None из набора Line Awesome
Line Awesome

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

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

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

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

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

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

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

Все andrsrxn/icons →