Ícone First Order
la:first-order
O ícone First Order (la:first-order) é um ícone SVG gratuito da coleção Line Awesome de Icons8. Ele é desenhado em uma grade de 32 × 32. Line Awesome icons são publicados sob a licença Apache 2.0, 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
- Line Awesome
- Autor
- Icons8
- Licença
- Apache-2.0
- Tamanho
- 32 × 32
- Categoria
- Outros
- Tags
- 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/la/first-order.svg" alt="Ícone First Order" width="24" height="24">
Ícones relacionados em Line Awesome
O ícone First Order em outras coleções
Perguntas frequentes sobre Ícone First Order
O ícone First Order é grátis para uso comercial?
Sim. Line Awesome icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone First Order no React?
Instale @iconify/react e renderize <Icon icon="la:first-order" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone First Order a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/la/first-order.svg" alt="Ícone First Order">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Line Awesome →
ICONYZ
