first order icon

first-order from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.

Name: first-order
Set: Line Awesome
Style: Line
Category: Other
Viewbox: 32×32
License: Apache 2.0

The same icon in other sets

first-orderFont Awesome 6 Brands first-orderFont Awesome Brands

More other icons from Line Awesome

500px accusoft adn adobe adversal affiliatetheme airbnb algolia amazon amilia android angellist angrycreative angular app-store app-store-ios apper apple artstation asymmetrik atlassian audible autoprefixer avianex

Use the first order icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LaFirstOrder(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-first-order {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%202L4%209v14l12%207l12-7V9zm0%201l11%206.488v13L16%2029L5%2022.488v-13zm0%201L6%2010v12l10%206l10-6V10zm0%202.947c4.956%200%209%204.044%209%209.053c0%204.988-4.044%209.043-9%209.043c-4.978%200-9-4.055-9-9.043c0-5.009%204.022-9.053%209-9.053M16.002%208c-.356%200-.733.03-1.078.078l.187%203.383l-1.107-3.215a8%208%200%200%200-2.008.842l1.484%203.086l-2.265-2.563a8.2%208.2%200%200%200-1.543%201.553l2.54%202.285l-3.064-1.494a7.7%207.7%200%200%200-.832%202.008l3.225%201.137l-3.412-.207A8%208%200%200%200%208.06%2016c0%20.376.03.732.07%201.088l3.4-.197l-3.213%201.136c.178.712.464%201.385.83%202.018l3.067-1.494l-2.553%202.273c.444.584.96%201.118%201.553%201.543l2.256-2.55l-1.485%203.085a8%208%200%200%200%202.008.85l1.117-3.242l-.199%203.412c.356.049.734.078%201.09.078c.375%200%20.73-.03%201.086-.08l-.2-3.451l1.137%203.273a8%208%200%200%200%202.008-.85l-1.482-3.076l2.254%202.551a7.6%207.6%200%200%200%201.543-1.543l-2.541-2.273l3.066%201.482a7.8%207.8%200%200%200%20.83-2.025L20.49%2016.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%2013.447l2.54-2.283a8.4%208.4%200%200%200-1.532-1.553l-2.264%202.56l1.473-3.073a8%208%200%200%200-2.008-.852L16.89%2011.48l.199-3.402A6.6%206.6%200%200%200%2016.002%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%202L4%209v14l12%207l12-7V9zm0%201l11%206.488v13L16%2029L5%2022.488v-13zm0%201L6%2010v12l10%206l10-6V10zm0%202.947c4.956%200%209%204.044%209%209.053c0%204.988-4.044%209.043-9%209.043c-4.978%200-9-4.055-9-9.043c0-5.009%204.022-9.053%209-9.053M16.002%208c-.356%200-.733.03-1.078.078l.187%203.383l-1.107-3.215a8%208%200%200%200-2.008.842l1.484%203.086l-2.265-2.563a8.2%208.2%200%200%200-1.543%201.553l2.54%202.285l-3.064-1.494a7.7%207.7%200%200%200-.832%202.008l3.225%201.137l-3.412-.207A8%208%200%200%200%208.06%2016c0%20.376.03.732.07%201.088l3.4-.197l-3.213%201.136c.178.712.464%201.385.83%202.018l3.067-1.494l-2.553%202.273c.444.584.96%201.118%201.553%201.543l2.256-2.55l-1.485%203.085a8%208%200%200%200%202.008.85l1.117-3.242l-.199%203.412c.356.049.734.078%201.09.078c.375%200%20.73-.03%201.086-.08l-.2-3.451l1.137%203.273a8%208%200%200%200%202.008-.85l-1.482-3.076l2.254%202.551a7.6%207.6%200%200%200%201.543-1.543l-2.541-2.273l3.066%201.482a7.8%207.8%200%200%200%20.83-2.025L20.49%2016.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%2013.447l2.54-2.283a8.4%208.4%200%200%200-1.532-1.553l-2.264%202.56l1.473-3.073a8%208%200%200%200-2.008-.852L16.89%2011.48l.199-3.402A6.6%206.6%200%200%200%2016.002%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/first-order.svg?color=%231a73e8&size=48