ICONYZ
English
Empire icon from Font Awesome 4

Empire icon

fa:empire

The Empire icon (fa:empire) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1792 × 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
1792 × 1792
Tags
ge
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1792" viewBox="0 0 1792 1792"><path fill="currentColor" d="M874 1638v66q-208-6-385-109.5T206 1319l58-34q29 49 73 99l65-57q148 168 368 212l-17 86q65 12 121 13m-598-530l-83 28q22 60 49 112l-57 33q-98-180-98-385t98-385l57 33q-30 56-49 112l82 28q-35 100-35 212q0 109 36 212m1252 177l58 34q-106 172-283 275.5T918 1704v-66q56-1 121-13l-17-86q220-44 368-212l65 57q44-50 73-99m-151-554l-233 80q14 42 14 85t-14 85l232 80q-31 92-98 169l-185-162q-57 67-147 85l48 241q-52 10-98 10t-98-10l48-241q-90-18-147-85l-185 162q-67-77-98-169l232-80q-14-42-14-85t14-85l-233-80q33-93 99-169l185 162q59-68 147-86l-48-240q44-10 98-10t98 10l-48 240q88 18 147 86l185-162q66 76 99 169M874 88v66q-65 2-121 13l17 86q-220 42-368 211l-65-56q-38 42-73 98l-57-33q106-172 282-275.5T874 88m831 808q0 205-98 385l-57-33q27-52 49-112l-83-28q36-103 36-212q0-112-35-212l82-28q-19-56-49-112l57-33q98 180 98 385m-120-423l-57 33q-35-56-73-98l-65 56q-148-169-368-211l17-86q-56-11-121-13V88q209 6 385 109.5T1585 473m163 423q0-173-67.5-331T1499 293t-272-181.5T896 44t-331 67.5T293 293T111.5 565T44 896t67.5 331T293 1499t272 181.5t331 67.5t331-67.5t272-181.5t181.5-272t67.5-331m44 0q0 182-71 348t-191 286t-286 191t-348 71t-348-71t-286-191t-191-286T0 896t71-348t191-286T548 71T896 0t348 71t286 191t191 286t71 348"/></svg>

How to use the Empire icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:empire" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:empire" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:empire" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--empire]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:empire"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:empire"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/empire.svg" alt="Empire icon" width="24" height="24">

Empire icon in other icon sets

Empire icon FAQ

Is the Empire 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 Empire icon in React?

Install @iconify/react and render <Icon icon="fa:empire" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Empire icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/empire.svg" alt="Empire icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →