Icono Arrange By From
fluent-mdl2:arrange-by-from
El icono Arrange By From (fluent-mdl2:arrange-by-from) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 icons se publican bajo la licencia MIT, 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
- Fluent UI MDL2
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 2048 × 2048
- Etiquetas
- arrangeby, byfrom, arrangebyfrom
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 632v464q-41-114-128-201v-36l-19 18q-24-22-50-40t-56-35l102-102l-873-436l-873 436l324 324h581q-16 31-28 62t-21 66H421L128 859v933h787q-25 61-39 128H0V632l1024-512zm-284 957q65 32 117 80t90 109t57 129t20 141h-128q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149h-128q0-72 20-141t57-129t89-108t118-81q-74-55-115-136t-41-173q0-79 30-149t82-122t122-83t150-30q79 0 149 30t122 82t83 123t30 149q0 92-41 173t-115 136m-484-309q0 53 20 99t55 82t81 55t100 20q53 0 99-20t82-55t55-81t20-100q0-53-20-99t-55-82t-81-55t-100-20q-53 0-99 20t-82 55t-55 81t-20 100"/></svg>Cómo usar el icono Arrange By From
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:arrange-by-from" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:arrange-by-from" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:arrange-by-from" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--arrange-by-from]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:arrange-by-from"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:arrange-by-from"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/arrange-by-from.svg" alt="Icono Arrange By From" width="24" height="24">Iconos relacionados en Fluent UI MDL2
Preguntas frecuentes sobre Icono Arrange By From
¿El icono Arrange By From es gratis para uso comercial?
Sí. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Arrange By From en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:arrange-by-from" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Arrange By From a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/arrange-by-from.svg" alt="Icono Arrange By From">, o pega el código SVG en línea para darle estilo con CSS.