ICONYZ
English
Inbox icon from Font Awesome 4

Inbox icon

fa:inbox

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

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1280" viewBox="0 0 1536 1280"><path fill="currentColor" d="M1023 704h316q-1-3-2.5-8.5t-2.5-7.5l-212-496H414L202 688q-1 3-2.5 8.5T197 704h316l95 192h320zm513 30v482q0 26-19 45t-45 19H64q-26 0-45-19t-19-45V734q0-62 25-123L263 59q10-25 36.5-42T352 0h832q26 0 52.5 17t36.5 42l238 552q25 61 25 123"/></svg>

How to use the Inbox icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Inbox icon in other icon sets

Inbox icon FAQ

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

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

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

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

Browse all Font Awesome 4 icons →