Ícone Braces
keyline-icons:braces
O ícone Braces (keyline-icons:braces) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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
- Keyline Icons
- Autor
- Keyline Icons
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- brace
Código 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="2" d="M8 2C6.8954 2 6 2.8954 6 4L6 8.9645C6 9.4949 5.7893 10.0036 5.4142 10.3787L4.1464 11.6464C4.0527 11.7402 4 11.8674 4 12C4 12.1326 4.0527 12.2598 4.1464 12.3536L5.4142 13.6213C5.7893 13.9964 6 14.5051 6 15.0355L6 20C6 21.1046 6.8954 22 8 22M16 2C17.1046 2 18 2.8954 18 4L18 8.9645C18 9.4949 18.2107 10.0036 18.5858 10.3787L19.8536 11.6464C19.9473 11.7402 20 11.8674 20 12C20 12.1326 19.9473 12.2598 19.8536 12.3536L18.5858 13.6213C18.2107 13.9964 18 14.5051 18 15.0355L18 20C18 21.1046 17.1046 22 16 22"/></svg>
Como usar o ícone Braces
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:braces" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:braces" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:braces" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--braces]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:braces"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:braces"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/braces.svg" alt="Ícone Braces" width="24" height="24">
Ícones relacionados em Keyline Icons
O ícone Braces em outras coleções
Perguntas frequentes sobre Ícone Braces
O ícone Braces é grátis para uso comercial?
Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Braces no React?
Instale @iconify/react e renderize <Icon icon="keyline-icons:braces" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Braces a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/braces.svg" alt="Ícone Braces">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Keyline Icons →
