Haircut icon

fxemoji:haircut

The Haircut icon (fxemoji:haircut) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 72 × 72 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: 72 × 72
Category: People

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#FFA1E0" d="M22.618 71.572c-18.156 0-21.131 1.03-21.131-9.999c0-4.779 9.461-8.653 21.131-8.653s21.131 3.874 21.131 8.653c0 11.029-2.975 9.999-21.131 9.999"/><path fill="#FFD3B6" d="m39.22 27.444l.539-8.08c0-9.39-8.112-14.242-17.501-14.242c-9.392 0-16.503 4.852-16.503 14.242l.542 8.1a3.547 3.547 0 0 0-3.348 3.535a3.556 3.556 0 0 0 3.555 3.556c.091 0 .176-.02.266-.027l.034.516c0 6.299 3.66 11.729 8.961 14.323v6.993c0 1.899 3.079 3.438 6.877 3.438s6.877-1.539 6.877-3.438c0-.21-.044-.415-.116-.614v-6.211c5.489-2.522 9.31-8.054 9.31-14.49l.036-.535c.151.02.301.046.457.046a3.556 3.556 0 0 0 .014-7.112"/><path fill="#EDC0A2" d="M21.332 49.335a17.55 17.55 0 0 1-9.847-3.004a15.9 15.9 0 0 0 11.273 4.665c8.809 0 15.954-7.143 15.954-15.954l.054-.807c-1.233 8.536-8.559 15.1-17.434 15.1"/><path fill="#2B3B47" d="M14.051 28.155v2.513a1.782 1.782 0 0 1-3.562 0v-.007h-.004v-2.506h.018a1.78 1.78 0 0 1 1.767-1.629c.929 0 1.687.719 1.762 1.629zm20.844 0a1.775 1.775 0 0 0-1.766-1.629c-.93 0-1.685.719-1.763 1.629h-.021v2.506h.008s-.004.003-.004.007a1.782 1.782 0 0 0 3.562 0v-2.513zM26.059 41.22c-1.051.073-2.172.085-3.293.103c-1.121-.018-2.242-.031-3.293-.105c-1.051-.054-2.032-.198-2.873-.274c-.709-.066-1.31-.194-1.778-.275c-.022.061-.026.128.012.186l.142.215q.486.734.973 1.267c.325.367.648.674.973.967c.647.572 1.296.993 1.946 1.35c.177.093.354.162.531.241c.987-.691 2.141-.468 3.359-.318h.006c1.217-.15 2.372-.373 3.359.318l-.01.004l.01.005h.001c.175-.078.35-.145.526-.237a10.6 10.6 0 0 0 1.945-1.351c.324-.294.648-.602.972-.973q.487-.532.973-1.273l.142-.217a.2.2 0 0 0 .033-.099c.003-.03-.015-.053-.024-.08c-.465.082-1.059.208-1.759.272c-.841.075-1.822.222-2.873.274"/><path fill="#959DA3" d="M12.062 28.065v.602a.426.426 0 0 1-.852 0v-.002h-.001v-.6h.004a.425.425 0 0 1 .845 0zm20.849 0a.424.424 0 0 0-.845 0h-.004v.6h.001v.002a.426.426 0 0 0 .852 0v-.602z"/><path fill="#FF473E" d="m26.123 44.902l-.01-.005h.001l.01-.004c-.987-.691-2.141-.468-3.359-.318h-.006c-1.217-.15-2.372-.373-3.359.318l.011.004l-.011.005a8.15 8.15 0 0 0 3.305.73l.053.003h.006l.053-.003a8.15 8.15 0 0 0 3.306-.73"/><path fill="#FFF" d="M30.54 40.532c-.649-.063-1.297-.088-1.945-.133l-1.945-.075c-1.297-.043-2.595-.039-3.892-.061c-1.298.022-2.595.019-3.89.062l-1.946.074c-.648.046-1.298.072-1.946.133a.16.16 0 0 0-.093.036c-.033.024-.047.063-.061.1c.468.081 1.069.209 1.778.275c.841.076 1.822.22 2.873.274c1.051.073 2.172.087 3.293.105c1.121-.018 2.242-.029 3.293-.103c1.051-.052 2.032-.199 2.873-.275c.699-.064 1.294-.191 1.759-.272c-.025-.072-.074-.133-.151-.14"/><path fill="#E5AB83" d="M22.67 37.083h-.003a3.41 3.41 0 0 1-2.905-1.587a.7.7 0 1 1 1.184-.746a2.02 2.02 0 0 0 1.723.934h.002c.712 0 1.358-.349 1.728-.935a.699.699 0 1 1 1.182.748a3.42 3.42 0 0 1-2.911 1.586m8.236-13.471a.665.665 0 1 0 .752 1.098l.176-.119l.202-.137c.085-.066.153-.086.229-.119l.249-.116l.338-.092q.178-.06.371-.065c.127-.005.262-.038.39-.025l.387.038c.13.008.238.07.357.099c.247.046.41.208.587.296c.093.04.138.124.197.177l.144.151l.129.132l.07.071a.356.356 0 0 0 .541-.456l-.142-.196l-.167-.225c-.07-.082-.128-.197-.24-.273l-.341-.273c-.117-.108-.265-.174-.419-.244c-.155-.064-.311-.161-.482-.198l-.522-.117c-.176-.037-.354-.024-.53-.035a2 2 0 0 0-.514.024c-.166.024-.326.042-.481.072l-.452.144c-.309.094-.431.189-.564.248l-.19.097zm-17.322 1.142a.665.665 0 1 0 .604-1.186l-.19-.097c-.133-.06-.255-.154-.564-.248l-.452-.144c-.155-.03-.315-.048-.481-.072a2 2 0 0 0-.514-.024c-.176.012-.353-.001-.53.035l-.522.117c-.171.037-.327.135-.482.198c-.154.07-.302.135-.419.244l-.341.273c-.113.075-.171.191-.24.273l-.167.225l-.142.196a.355.355 0 0 0 .54.456l.07-.071l.129-.132l.144-.151c.059-.053.104-.137.197-.177c.176-.088.339-.25.587-.296c.118-.029.226-.091.357-.099l.387-.037c.128-.013.263.02.39.025q.193.005.371.065l.338.092l.249.116c.077.033.144.053.229.119l.202.137l.176.119c.021.015.05.032.074.044"/><path fill="#68442A" d="M41.312 15.23c-.085-.416-.196-.82-.31-1.224l-.116-.459c-.025-.104-.062-.196-.093-.295l-.028-.088a4 4 0 0 0-.175-.443C37.903 5.416 30.51.401 22.2.401C11.748.401 3.834 8.317 3.834 18.767l.366 5.449l.077 11.394l.01.001c.1 5.827 1.469 11.88 1.469 11.88c0 .84 4.102 1.781 10.009 2.587v-.713a16 16 0 0 1-8.222-9.542a16 16 0 0 1-.535-2.266l-.014-.077a16 16 0 0 1-.123-1.044c-.005-.058-.015-.115-.019-.174c-.007-.086-.005-.175-.01-.262v-7.637c.473-2.348 5.132-9.367 9.117-15.057c.076.081.142.162.224.244c6.556 6.556 18.682 9.81 23.282 10.219l-.245 3.675q.348.003.677.071c.155.031.302.082.448.133c.055.019.113.031.166.052a3.6 3.6 0 0 1 1.056.66a3.53 3.53 0 0 1 1.193 2.638a3.54 3.54 0 0 1-1.925 3.142q-.195.104-.403.182c-.085.032-.174.056-.262.081c-.104.031-.208.063-.316.084a3.6 3.6 0 0 1-.648.065c-.157 0-.306-.026-.457-.046l-.036.535c0 .465-.025.923-.065 1.378c-.012.138-.031.274-.046.411a16 16 0 0 1-.216 1.389a16 16 0 0 1-.236.992c-.028.103-.052.207-.081.308a16 16 0 0 1-.434 1.284l-.012.028q-.24.607-.527 1.189l-.133.26q-.246.479-.521.938q-.073.124-.149.246q-.328.526-.695 1.024l-.042.06a16.05 16.05 0 0 1-6.153 4.984v1.912c8.114.573 16.583.785 22.306.308c.779-.065-.846-2.244-.167-2.335c.624-.084 2.076 1.922 2.603 1.815c1.825-.371 3.036-.888 3.397-1.575c0 .002-11.71-17.481-16.23-34.427"/><path fill="#BFBCAF" d="M68.446 20.781c-.769-1.018-2.008-1.578-3.49-1.578c-1.535 0-3.163.591-4.585 1.665c-2.25 1.699-3.355 4.12-2.991 6.123c-.117.073-.343.216-.669.437c-.373.268-.897.602-1.488 1.033l-.333-1.669c.595-.507 1.079-1.2 1.394-2.045c.505-1.356.567-2.987.175-4.593c-.747-3.058-2.986-5.277-5.324-5.277c-.296 0-.592.035-.879.105c-2.612.639-3.981 3.911-3.117 7.449c.653 2.672 2.445 4.703 4.447 5.173c.018.105.067.372.156.767c.132.514.263 1.263.527 2.135c.017.056.033.117.049.174c-.078.065-.156.125-.234.192l-1.474 1.213c-.497.419-1.022.818-1.508 1.271l-2.9 2.596c-.465.411-.886.848-1.301 1.241l-1.158 1.122c-.715.697-1.28 1.322-1.69 1.739c-.401.429-.623.684-.623.684l-.018.021a.173.173 0 0 0 .222.259l8.967-5.606l2.626-1.694l.479 1.437c.196.566.364 1.149.595 1.715l1.285 3.346c.201.535.443 1.04.646 1.525l.592 1.363c.369.844.729 1.533.957 2.022c.242.485.392.759.392.759l.014.026a.173.173 0 0 0 .321-.115l-1.747-9.576l-.84-4.242l3.517-2.269a4.8 4.8 0 0 0 2.128.478c1.535 0 3.164-.591 4.586-1.665c2.908-2.193 3.915-5.595 2.294-7.741M49.47 21.862c-.573-2.346.255-4.28 1.357-4.55q.151-.037.309-.037c1.058 0 2.467 1.29 2.994 3.448c.275 1.127.242 2.288-.093 3.185c-.162.434-.541 1.188-1.265 1.365c-1.123.272-2.723-1.04-3.302-3.411m15.238 4.748c-.993.75-2.138 1.18-3.141 1.18c-.412 0-1.165-.081-1.575-.625c-.684-.905-.103-2.929 1.824-4.384c.993-.75 2.138-1.18 3.14-1.18c.413 0 1.166.082 1.576.625c.684.905.103 2.928-1.824 4.384"/><circle cx="54.14" cy="31.331" r=".666" fill="#464A4C"/></svg>

How to use the Haircut icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Haircut icon FAQ

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

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

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

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

Browse all Firefox OS Emoji icons →