Index icon

fxemoji:index

The Index icon (fxemoji:index) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: People

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFD3B6" d="M387.792 344.02c0-62.092-33.526-83.255-33.526-103.038V36.804c0-17.869-14.017-32.339-31.999-32.339c-17.933 0-32.5 14.486-32.5 32.339v150.147c-5.9-7.294-14.898-11.944-25.161-11.944c-9.881 0-18.747 4.343-24.784 11.207c-4.573 3.844-8.379 3.834-13.236-.543c-5.889-6.554-14.42-10.665-24.07-10.665c-9.959 0-18.885 4.411-24.922 11.369c-4.692 3.853-8.599 3.58-13.704-1.329c-5.86-6.183-14.131-10.04-23.464-10.04c-18.164 0-32.918 14.656-32.918 32.722v65.451c0 9.132 3.898 17.316 10.166 22.904v64.93c0 28.646 13.114 54.228 33.663 71.076v58.582c0 11.735 9.513 21.248 21.248 21.248h134.533c11.735 0 21.248-9.513 21.248-21.248v-45.595c36.483-14.703 59.426-49.099 59.426-93.805c0-2.263-.066-4.493-.182-6.698a4 4 0 0 0 .182-.553"/><path fill="#EDC0A2" d="M350.466 265.813c-18.101-15.296-31.123-20.22-55.434-19.661V199.22a4.528 4.528 0 1 0-9.056 0v47.343l-.091.005c-.072.005-.138.027-.21.035l-3.288-.085l-32.565-.571a42 42 0 0 0-9.179.854q-1.145.234-2.283.548V199.22a4.528 4.528 0 1 0-9.056 0v52.165c-4.67 3.018-8.544 7.358-10.991 12.299c-2.874 5.771-4.018 12.185-3.652 18.456c.372 6.227 2.233 12.419 5.721 17.822a30.7 30.7 0 0 1-14.685 3.72c-16.978 0-30.242-13.646-30.242-30.501v-57.535l-.454.006v-16.43a4.528 4.528 0 1 0-9.056 0v21.564a7.3 7.3 0 0 0-.321 2.138v54.94c0 1.67.116 3.307.321 4.912v2.443c-4.702 10.856-15.562 18.463-28.195 18.463c-7.78 0-14.774-2.871-20.075-7.598v8.981c6.124 4.709 13.829 7.485 22.301 7.485c12.677 0 23.874-6.404 30.511-16.129c6.243 10.923 17.917 18.133 31.578 18.133a36.8 36.8 0 0 0 23.497-8.439c.461.425.924.85 1.413 1.247a30 30 0 0 0 8.576 4.91a30.5 30.5 0 0 0 4.727 1.354c1.603.344 3.163.518 4.939.641c.406.026.697.024 1.051.036l1.16.022l2.024.005l4.04.022c5.369.056 10.731.148 15.885.546c2.569.202 5.087.49 7.393.949c2.279.462 4.346 1.164 5.529 1.995c.601.414.984.812 1.31 1.312c.323.499.6 1.161.811 2.025c.105.429.186.91.263 1.408c.056.517.125 1.06.144 1.56c.043.432.045 1.216.062 1.868c-.001-.029-.003-.071-.002.002l-.003.082l-.004.165l-.008.329c-.025.215-.026.434-.06.646c-.21 1.703-.868 3.327-1.998 4.858a14.4 14.4 0 0 1-1.978 2.167a15 15 0 0 1-1.766 1.369l-.429.271l-.643.396l-2.378 1.796l-2.296 1.899l-2.209 1.998l-2.118 2.093c-.686.716-1.349 1.455-2.023 2.183c-.652.747-1.277 1.517-1.915 2.276c-.618.774-1.209 1.57-1.812 2.356c-.583.8-1.139 1.62-1.707 2.43c-.547.824-1.067 1.667-1.599 2.5l-1.489 2.564l-1.377 2.624l-1.264 2.679l-1.148 2.728l-1.031 2.773l-.912 2.813l-.792 2.848l-.667 2.879l-.536 2.906l-.412 2.925l-.288 2.939l-.162 2.948l-.036 2.951c.03.984.044 1.967.091 2.95c.072.981.128 1.963.218 2.943c.115.977.212 1.956.346 2.93c.157.971.305 1.943.485 2.91c.204.962.392 1.927.614 2.884c.246.952.477 1.907.74 2.853l.865 2.816l.991 2.778l1.147 2.811l1.147 2.486a4.54 4.54 0 0 0 5.861 2.28a4.53 4.53 0 0 0 2.429-5.927l-1.057-2.525l-.833-2.292l-.761-2.408l-.655-2.443l-.546-2.468l-.436-2.488l-.329-2.504l-.231-2.514l-.122-2.521l-.013-2.523l.095-2.521l.203-2.514l.31-2.503l.416-2.487l.52-2.466l.615-2.443l.715-2.414l.817-2.381l.916-2.343l1.014-2.301l1.11-2.254l1.204-2.203l1.296-2.148l1.386-2.089l1.474-2.025l1.559-1.957l1.641-1.886l1.712-1.819l1.789-1.741l1.864-1.66l1.934-1.576l1.79-1.331l.305-.18l.579-.361a26.5 26.5 0 0 0 3.082-2.336a25.3 25.3 0 0 0 3.534-3.806c2.132-2.803 3.688-6.329 4.163-10.019c.069-.459.096-.919.139-1.379l.029-.688l.017-.774c-.014-.703-.001-1.274-.057-2.195c-.032-.857-.12-1.663-.212-2.494l-.196-1.278c-.077-.431-.186-.879-.282-1.316c-.432-1.769-1.14-3.676-2.297-5.455c-1.143-1.783-2.726-3.332-4.369-4.439c-3.337-2.222-6.6-3.058-9.608-3.707c-3.02-.595-5.907-.903-8.748-1.125c-5.674-.425-11.174-.501-16.659-.551l-4.102-.016l-2.047-.002l-1.859-.045c-.928-.072-2.077-.162-3.13-.387a19.5 19.5 0 0 1-3.101-.848c-4.007-1.423-7.437-4.176-9.874-7.833c-4.925-7.297-5.693-17.872-1.794-25.833c1.901-4 4.945-7.293 8.803-9.42c3.84-2.16 8.506-3.123 13.278-3.169l32.57-.109l3.174-.041c.32.048.648.069.984.045c.41-.027.804-.049 1.207-.073l2.688-.034l3.922-.013l3.948.062c5.269.113 10.572.403 15.879 1.066q.965.124 1.931.265c10.134 2.333 18.367 7.235 28.564 15.852a4.5 4.5 0 0 0 2.921 1.069a4.52 4.52 0 0 0 3.461-1.605a4.536 4.536 0 0 0-.535-6.389"/><path fill="#F2C7AA" d="M286.182 452.881h-74.636c-.128 0-.267-.015-.398-.02c-.535.009-1.07.02-1.608.02c-22.09 0-42.357-7.799-58.204-20.791v.312c0 22.103 17.918 40.022 40.022 40.022h120.778c8.963 0 16.229-7.266 16.229-16.229v-11.117c-12.58 5.069-26.767 7.803-42.183 7.803"/></svg>

How to use the Index icon

React

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

<Icon icon="fxemoji:index" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:index" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:index" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:index"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/index.svg" alt="Index icon" width="24" height="24">

Index icon FAQ

Is the Index icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Index icon in React?

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

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

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

Browse all Firefox OS Emoji icons →