ICONYZ
Português (Brasil)
Ícone Border All Outline de Glyphs

Ícone Border All Outline

glyphs:border-all-outline

O ícone Border All Outline (glyphs:border-all-outline) é um ícone SVG gratuito da coleção Glyphs de Goran Spasojevic. Ele é desenhado em uma grade de 80 × 80. Glyphs icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Glyphs
Autor
Goran Spasojevic
Licença
MIT
Tamanho
80 × 80
Tags
borderall, alloutline, borderalloutline
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14 16a2 2 0 0 1 2-2h48a2 2 0 0 1 2 2v48a2 2 0 0 1-2 2H16q-.104 0-.204-.01A2 2 0 0 1 14 64zm4 2v20h20V18zm24 0v20h20V18zm20 24H42v20h20zM38 62V42H18v20z" clip-rule="evenodd"/></svg>

Como usar o ícone Border All Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/glyphs/border-all-outline.svg" alt="Ícone Border All Outline" width="24" height="24">

Ícones relacionados em Glyphs

Ícone border
border
 Ícone border-all
border-all
 Ícone border-all-bold
border-all-bold
 Ícone border-all-duo
border-all-duo
 Ícone border-bold
border-bold
 Ícone border-center
border-center
 Ícone border-center-bold
border-center-bold
 Ícone border-center-duo
border-center-duo
 Ícone border-center-outline
border-center-outline
 Ícone border-duo
border-duo
 Ícone border-inner
border-inner
 Ícone border-inner-bold
border-inner-bold
 Ícone border-inner-duo
border-inner-duo
 Ícone border-inner-outline
border-inner-outline
 Ícone border-none
border-none
 Ícone border-none-bold
border-none-bold
 Ícone border-none-duo
border-none-duo
 Ícone border-none-outline
border-none-outline
 Ícone border-outer
border-outer
 Ícone border-outer-bold
border-outer-bold
 Ícone border-outer-duo
border-outer-duo
 Ícone border-outer-outline
border-outer-outline
 Ícone border-outline
border-outline
 Ícone border-style
border-style

O ícone Border All Outline em outras coleções

Ícone Border All Outline de Material Symbols
Material Symbols
 Ícone Border All Outline de Material Symbols Light
Material Symbols Light
 Ícone Border All Outline de Teenyicons
Teenyicons

Perguntas frequentes sobre Ícone Border All Outline

O ícone Border All Outline é grátis para uso comercial?

Sim. Glyphs icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Border All Outline no React?

Instale @iconify/react e renderize <Icon icon="glyphs:border-all-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Border All Outline a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/glyphs/border-all-outline.svg" alt="Ícone Border All Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Glyphs →