First Order icon
fa:first-order
The First Order icon (fa:first-order) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1536 × 1792 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 4
- Author
- Dave Gandy
- License
- OFL-1.1
- Size
- 1536 × 1792
- Tags
- firstorder
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1792" viewBox="0 0 1536 1792"><path fill="currentColor" d="M1322 896q0 45-5 76l-236-14l224 78q-19 73-58 141l-214-103l177 158q-44 61-107 108l-157-178l103 215q-61 37-140 59l-79-228l14 240q-38 6-76 6t-76-6l14-238l-78 226q-74-19-140-59l103-215l-157 178q-59-43-108-108l178-158l-214 104q-39-69-58-141l224-79l-237 14q-5-42-5-76q0-35 5-77l238 14l-225-79q19-73 58-140l214 104l-177-159q46-61 107-108l158 178l-103-215q67-39 140-58l77 224l-13-236q36-6 75-6q38 0 76 6l-14 237l78-225q74 19 140 59L945 629l158-178q61 47 107 108l-177 159l213-104q37 62 58 141l-224 78l237-14q5 31 5 77m30 0q0-160-78.5-295.5t-213-214T768 308q-119 0-227 46.5t-186.5 125T230 667t-46 229q0 119 46 228t124.5 187.5t186.5 125t227 46.5q158 0 292.5-78.5t213-214T1352 896m73-383v766l-657 383l-657-383V513l657-383zM768 1719l708-412V484L768 73L60 484v823zm768-1271v896l-768 448L0 1344V448L768 0z"/></svg>How to use the First Order icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa:first-order" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa:first-order" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa:first-order" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--first-order]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:first-order"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa:first-order"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fa/first-order.svg" alt="First Order icon" width="24" height="24">First Order icon in other icon sets
First Order icon FAQ
Is the First Order icon free for commercial use?
Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the First Order icon in React?
Install @iconify/react and render <Icon icon="fa:first-order" />, or use “Copy code” on this page to get a standalone React component.
How do I add the First Order icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/first-order.svg" alt="First Order icon">, or paste the SVG code inline to style it with CSS.