Icono Diagonal Line
material-symbols:diagonal-line
El icono Diagonal Line (material-symbols:diagonal-line) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Material Symbols
- Autor
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Categoría
- Texto
- Etiquetas
- diagonalline, diagonal line outline, diagonal line outline rounded, diagonal line outline sharp, diagonal line rounded, diagonal line sharp
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 22q-1.25 0-2.125-.875T16 19q0-.35.075-.675t.225-.625l-10-10q-.3.15-.625.225T5 8q-1.25 0-2.125-.875T2 5t.875-2.125T5 2t2.125.875T8 5q0 .35-.075.675T7.7 6.3l10 10q.3-.15.625-.225T19 16q1.25 0 2.125.875T22 19t-.875 2.125T19 22"/></svg>Cómo usar el icono Diagonal Line
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:diagonal-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:diagonal-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:diagonal-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--diagonal-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:diagonal-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:diagonal-line"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/diagonal-line.svg" alt="Icono Diagonal Line" width="24" height="24">El icono Diagonal Line en otras colecciones
Preguntas frecuentes sobre Icono Diagonal Line
¿El icono Diagonal Line es gratis para uso comercial?
Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Diagonal Line en React?
Instala @iconify/react y renderiza <Icon icon="material-symbols:diagonal-line" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Diagonal Line a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/diagonal-line.svg" alt="Icono Diagonal Line">, o pega el código SVG en línea para darle estilo con CSS.