Header icon

fa:header

The Header icon (fa:header) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1728 × 1536 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: 1728 × 1536

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1728" height="1536" viewBox="0 0 1728 1536"><path fill="currentColor" d="M1650 1536q-44 0-132.5-3.5T1384 1529q-44 0-132 3.5t-132 3.5q-24 0-37-20.5t-13-45.5q0-31 17-46t39-17t51-7t45-15q33-21 33-140l-1-391q0-21-1-31q-13-4-50-4H528q-38 0-51 4q-1 10-1 31l-1 371q0 142 37 164q16 10 48 13t57 3.5t45 15t20 45.5q0 26-12.5 48t-36.5 22q-47 0-139.5-3.5T355 1529q-43 0-128 3.5t-127 3.5q-23 0-35.5-21T52 1470q0-30 15.5-45t36-17.5t47.5-7.5t42-15q33-23 33-143l-1-57V372q0-3 .5-26t0-36.5T224 271t-3.5-42t-6.5-36.5t-11-31.5t-16-18q-15-10-45-12t-53-2t-41-14t-18-45q0-26 12-48T78 0q46 0 138.5 3.5T355 7q42 0 126.5-3.5T608 0q25 0 37.5 22T658 70q0 30-17 43.5T602.5 128t-49.5 4t-43 13q-35 21-35 160l1 320q0 21 1 32q13 3 39 3h699q25 0 38-3q1-11 1-32l1-320q0-139-35-160q-18-11-58.5-12.5t-66-13T1070 70q0-26 12.5-48T1120 0q44 0 132 3.5T1384 7q43 0 129-3.5T1642 0q25 0 37.5 22t12.5 48q0 30-17.5 44t-40 14.5t-51.5 3t-44 12.5q-35 23-35 161l1 943q0 119 34 140q16 10 46 13.5t53.5 4.5t41.5 15.5t18 44.5q0 26-12 48t-36 22"/></svg>

How to use the Header icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Header icon in other icon sets

Header icon FAQ

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

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

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

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

Browse all Font Awesome 4 icons →