Ícone Line
thesvg:line
O ícone Line (thesvg:line) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG 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
- theSVG
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.365 9.863a.631.631 0 0 1 0 1.261H17.61v1.125h1.755a.63.63 0 1 1 0 1.259h-2.386a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63h2.386a.63.63 0 0 1-.003 1.26H17.61v1.125zm-3.855 3.016a.63.63 0 0 1-.631.627a.62.62 0 0 1-.51-.25l-2.443-3.317v2.94a.63.63 0 0 1-1.257 0V8.108a.627.627 0 0 1 .624-.628c.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63c.345 0 .63.285.63.63zm-5.741 0a.63.63 0 0 1-.631.629a.63.63 0 0 1-.627-.629V8.108c0-.345.282-.63.63-.63c.346 0 .628.285.628.63zm-2.466.629H4.917a.634.634 0 0 1-.63-.629V8.108c0-.345.285-.63.63-.63c.348 0 .63.285.63.63v4.141h1.756a.63.63 0 0 1 0 1.259M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608c.391.082.923.258 1.058.59c.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645c1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"/></svg>
Como usar o ícone Line
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:line"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:line"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg/line.svg" alt="Ícone Line" width="24" height="24">
Ícones relacionados em theSVG
O ícone Line em outras coleções
Perguntas frequentes sobre Ícone Line
O ícone Line é grátis para uso comercial?
Sim. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Line no React?
Instale @iconify/react e renderize <Icon icon="thesvg:line" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Line a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg/line.svg" alt="Ícone Line">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones theSVG →
ICONYZ
