Icono First Order
la:first-order
El icono First Order (la:first-order) es un icono SVG gratuito de la colección Line Awesome de Icons8. Está dibujado en una cuadrícula de 32 × 32. Line Awesome 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
- Line Awesome
- Autor
- Icons8
- Licencia
- Apache-2.0
- Tamaño
- 32 × 32
- Categoría
- Otros
- Etiquetas
- firstorder
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2L4 9v14l12 7l12-7V9zm0 1l11 6.488v13L16 29L5 22.488v-13zm0 1L6 10v12l10 6l10-6V10zm0 2.947c4.956 0 9 4.044 9 9.053c0 4.988-4.044 9.043-9 9.043c-4.978 0-9-4.055-9-9.043c0-5.009 4.022-9.053 9-9.053M16.002 8c-.356 0-.733.03-1.078.078l.187 3.383l-1.107-3.215a8 8 0 0 0-2.008.842l1.484 3.086l-2.265-2.563a8.2 8.2 0 0 0-1.543 1.553l2.54 2.285l-3.064-1.494a7.7 7.7 0 0 0-.832 2.008l3.225 1.137l-3.412-.207A8 8 0 0 0 8.06 16c0 .376.03.732.07 1.088l3.4-.197l-3.213 1.136c.178.712.464 1.385.83 2.018l3.067-1.494l-2.553 2.273c.444.584.96 1.118 1.553 1.543l2.256-2.55l-1.485 3.085a8 8 0 0 0 2.008.85l1.117-3.242l-.199 3.412c.356.049.734.078 1.09.078c.375 0 .73-.03 1.086-.08l-.2-3.451l1.137 3.273a8 8 0 0 0 2.008-.85l-1.482-3.076l2.254 2.551a7.6 7.6 0 0 0 1.543-1.543l-2.541-2.273l3.066 1.482a7.8 7.8 0 0 0 .83-2.025L20.49 16.89l3.393.197c.049-.356.068-.712.068-1.088s-.02-.751-.068-1.107l-3.403.207l3.213-1.127c-.188-.712-.454-1.405-.83-2.018L19.8 13.447l2.54-2.283a8.4 8.4 0 0 0-1.532-1.553l-2.264 2.56l1.473-3.073a8 8 0 0 0-2.008-.852L16.89 11.48l.199-3.402A6.6 6.6 0 0 0 16.002 8"/></svg>
Cómo usar el icono First Order
React
import { Icon } from "@iconify/react";
<Icon icon="la:first-order" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:first-order" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:first-order" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--first-order]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:first-order"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:first-order"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/la/first-order.svg" alt="Icono First Order" width="24" height="24">
Iconos relacionados en Line Awesome
El icono First Order en otras colecciones
Preguntas frecuentes sobre Icono First Order
¿El icono First Order es gratis para uso comercial?
Sí. Line Awesome icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono First Order en React?
Instala @iconify/react y renderiza <Icon icon="la:first-order" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono First Order a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/la/first-order.svg" alt="Icono First Order">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Line Awesome →
ICONYZ
