Guitar icon

fxemoji:guitar

The Guitar icon (fxemoji:guitar) 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: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E2A042" d="M368.856 279.641c-10.65-15.461-32.579 5.913-56.04-17.549c-13.55-13.55 14.116-74.896-3.927-92.939s-76.983-33.68-110.664 0s-13.702 65.591-71.141 62.887l-.158-.004c-34.296-2.099-67.387 8.601-91.516 32.729c-49.44 49.44-42.529 136.51 15.437 194.475s145.035 64.877 194.475 15.437c24.037-24.037 34.75-56.969 32.755-91.127c3.145-42.388 15.935-43.534 42.762-42.762c41.346 1.191 58.667-45.686 48.017-61.147"/><path fill="#A36119" d="m189.917 277.972l243.66-221.056a7.2 7.2 0 0 1 9.947.224l10.172 10.172a7.2 7.2 0 0 1 .224 9.947L232.864 320.92a7.2 7.2 0 0 1-10.406.235l-32.776-32.776a7.2 7.2 0 0 1 .235-10.407"/><path fill="#FFE1AB" d="M176.074 378.716a13.3 13.3 0 0 1-9.427-3.905l-31.37-31.37c-5.207-5.206-5.207-13.647 0-18.854s13.648-5.207 18.854 0l31.37 31.37c5.207 5.206 5.207 13.647 0 18.854a13.3 13.3 0 0 1-9.427 3.905"/><path fill="#2B3B47" d="M490.941 36.671a2.32 2.32 0 0 0-3.279 0l-235.11 235.11a37.6 37.6 0 0 0-4.224-5.995L482.553 31.562a2.32 2.32 0 0 0-3.279-3.279L245.1 262.456a38 38 0 0 0-5.849-4.369L474.165 23.174a2.32 2.32 0 0 0-3.279-3.279L234.937 255.844c-13.837-6.097-30.584-3.489-41.919 7.846s-13.944 28.082-7.846 41.919l-64.254 64.254l-8.13-8.129c-4.92-4.92-13.177-3.778-16.578 2.291l-9.105 16.251a10.496 10.496 0 0 0 1.735 12.552l29.169 29.169a10.5 10.5 0 0 0 12.552 1.735l16.251-9.105c6.07-3.401 7.211-11.658 2.291-16.578l-8.13-8.13l64.55-64.55c13.628 5.518 29.825 2.752 40.875-8.299s13.816-27.248 8.299-40.875L490.941 39.951a2.32 2.32 0 0 0 0-3.28M187.415 309.924a37.7 37.7 0 0 0 4.369 5.849l-62.479 62.479l-5.109-5.109zm-49.722 76.716l-5.109-5.109l62.53-62.53a37.6 37.6 0 0 0 5.995 4.224z"/><path fill="#E2A042" d="m415.308 56.464l53.476-53.476c3.983-3.983 10.441-3.983 14.425 0l24.021 24.021c3.983 3.983 3.983 10.441 0 14.425L453.754 94.91c-3.983 3.983-10.441 3.983-14.425 0l-24.021-24.021c-3.983-3.984-3.983-10.442 0-14.425"/><path fill="#A36119" d="M463.443 6.731c2.598 2.598 1.815 7.594-1.749 11.158s-8.56 4.348-11.158 1.749s-1.815-7.594 1.749-11.158s8.559-4.347 11.158-1.749m-26.901 17.491c-3.564 3.564-4.348 8.56-1.749 11.158s7.594 1.815 11.158-1.749s4.348-8.56 1.749-11.158c-2.597-2.598-7.593-1.815-11.158 1.749m-15.741 15.742c-3.564 3.564-4.348 8.56-1.749 11.158s7.594 1.815 11.158-1.749s4.348-8.56 1.749-11.158c-2.598-2.599-7.594-1.815-11.158 1.749m72.146 9.179c-3.564 3.564-4.348 8.56-1.749 11.158s7.594 1.815 11.158-1.749s4.348-8.56 1.749-11.158s-7.594-1.815-11.158 1.749m-15.742 15.742c-3.564 3.564-4.348 8.56-1.749 11.158s7.594 1.815 11.158-1.749s4.348-8.56 1.749-11.158c-2.598-2.599-7.593-1.815-11.158 1.749m-15.742 15.742c-3.564 3.564-4.348 8.56-1.749 11.158s7.594 1.815 11.158-1.749s4.348-8.56 1.749-11.158c-2.598-2.599-7.593-1.816-11.158 1.749"/></svg>

How to use the Guitar icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Guitar icon in other icon sets

Guitar icon FAQ

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

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

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

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

Browse all Firefox OS Emoji icons →