guitar icon

guitar-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.

Name
guitar-20-regular
Set
Fluent UI System Icons
Style
20 Regular
Viewbox
20×20
License
MIT

7 other variants in Fluent UI System Icons

guitar-16-filledguitar-16-regularguitar-20-filledguitar-24-filledguitar-24-regularguitar-28-filledguitar-28-regular

The same icon in other sets

guitarEmoji One (Colored)guitarFont Awesome 6 SolidguitarFont Awesome SolidguitarFluent EmojiguitarFluent Emoji FlatguitarFluent Emoji High ContrastguitarFirefox OS EmojiguitarHuge IconsguitarLine AwesomeguitarLucideguitar-fillMingCute IconguitarNoto EmojiguitarOpenMojiguitarPhosphorguitarStreamline EmojisguitarTDesign IconsguitarTwitter Emoji

Use the guitar icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.707 11.706a1 1 0 1 1-1.414-1.414a1 1 0 0 1 1.414 1.414m5.55-9.396a1.087 1.087 0 0 1 1.536 0l.896.896a1.087 1.087 0 0 1 0 1.536l-4.374 4.374a2.127 2.127 0 0 1-.76 3.165l-.677.338a.604.604 0 0 0-.322.66l.011.058a3.72 3.72 0 0 1-1.415 3.704a4.79 4.79 0 0 1-6.262-.445l-.487-.487a4.79 4.79 0 0 1-.445-6.262a3.72 3.72 0 0 1 3.704-1.415l.059.012a.604.604 0 0 0 .659-.323l.339-.677a2.127 2.127 0 0 1 3.164-.76zm.83.708a.087.087 0 0 0-.123 0l-1.165 1.165L15.817 5.2l1.165-1.165a.086.086 0 0 0 0-.122zm-.977 2.89L14.092 4.89l-2.839 2.838a.5.5 0 0 1-.707 0l-.13-.13a1.126 1.126 0 0 0-1.803.293l-.339.678a1.604 1.604 0 0 1-1.75.855l-.058-.011a2.72 2.72 0 0 0-2.708 1.034a3.79 3.79 0 0 0 .352 4.955l.487.487a3.79 3.79 0 0 0 4.955.352a2.72 2.72 0 0 0 1.035-2.708l-.012-.058a1.604 1.604 0 0 1 .856-1.75l.677-.339c.687-.344.836-1.26.293-1.804l-.13-.129a.5.5 0 0 1 0-.707z"/></svg>

React

import type { SVGProps } from "react";

export function FluentGuitar20Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.707 11.706a1 1 0 1 1-1.414-1.414a1 1 0 0 1 1.414 1.414m5.55-9.396a1.087 1.087 0 0 1 1.536 0l.896.896a1.087 1.087 0 0 1 0 1.536l-4.374 4.374a2.127 2.127 0 0 1-.76 3.165l-.677.338a.604.604 0 0 0-.322.66l.011.058a3.72 3.72 0 0 1-1.415 3.704a4.79 4.79 0 0 1-6.262-.445l-.487-.487a4.79 4.79 0 0 1-.445-6.262a3.72 3.72 0 0 1 3.704-1.415l.059.012a.604.604 0 0 0 .659-.323l.339-.677a2.127 2.127 0 0 1 3.164-.76zm.83.708a.087.087 0 0 0-.123 0l-1.165 1.165L15.817 5.2l1.165-1.165a.086.086 0 0 0 0-.122zm-.977 2.89L14.092 4.89l-2.839 2.838a.5.5 0 0 1-.707 0l-.13-.13a1.126 1.126 0 0 0-1.803.293l-.339.678a1.604 1.604 0 0 1-1.75.855l-.058-.011a2.72 2.72 0 0 0-2.708 1.034a3.79 3.79 0 0 0 .352 4.955l.487.487a3.79 3.79 0 0 0 4.955.352a2.72 2.72 0 0 0 1.035-2.708l-.012-.058a1.604 1.604 0 0 1 .856-1.75l.677-.339c.687-.344.836-1.26.293-1.804l-.13-.129a.5.5 0 0 1 0-.707z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.707 11.706a1 1 0 1 1-1.414-1.414a1 1 0 0 1 1.414 1.414m5.55-9.396a1.087 1.087 0 0 1 1.536 0l.896.896a1.087 1.087 0 0 1 0 1.536l-4.374 4.374a2.127 2.127 0 0 1-.76 3.165l-.677.338a.604.604 0 0 0-.322.66l.011.058a3.72 3.72 0 0 1-1.415 3.704a4.79 4.79 0 0 1-6.262-.445l-.487-.487a4.79 4.79 0 0 1-.445-6.262a3.72 3.72 0 0 1 3.704-1.415l.059.012a.604.604 0 0 0 .659-.323l.339-.677a2.127 2.127 0 0 1 3.164-.76zm.83.708a.087.087 0 0 0-.123 0l-1.165 1.165L15.817 5.2l1.165-1.165a.086.086 0 0 0 0-.122zm-.977 2.89L14.092 4.89l-2.839 2.838a.5.5 0 0 1-.707 0l-.13-.13a1.126 1.126 0 0 0-1.803.293l-.339.678a1.604 1.604 0 0 1-1.75.855l-.058-.011a2.72 2.72 0 0 0-2.708 1.034a3.79 3.79 0 0 0 .352 4.955l.487.487a3.79 3.79 0 0 0 4.955.352a2.72 2.72 0 0 0 1.035-2.708l-.012-.058a1.604 1.604 0 0 1 .856-1.75l.677-.339c.687-.344.836-1.26.293-1.804l-.13-.129a.5.5 0 0 1 0-.707z"/></svg>
</template>

CSS

.icon-guitar-20-regular {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.707%2011.706a1%201%200%201%201-1.414-1.414a1%201%200%200%201%201.414%201.414m5.55-9.396a1.087%201.087%200%200%201%201.536%200l.896.896a1.087%201.087%200%200%201%200%201.536l-4.374%204.374a2.127%202.127%200%200%201-.76%203.165l-.677.338a.604.604%200%200%200-.322.66l.011.058a3.72%203.72%200%200%201-1.415%203.704a4.79%204.79%200%200%201-6.262-.445l-.487-.487a4.79%204.79%200%200%201-.445-6.262a3.72%203.72%200%200%201%203.704-1.415l.059.012a.604.604%200%200%200%20.659-.323l.339-.677a2.127%202.127%200%200%201%203.164-.76zm.83.708a.087.087%200%200%200-.123%200l-1.165%201.165L15.817%205.2l1.165-1.165a.086.086%200%200%200%200-.122zm-.977%202.89L14.092%204.89l-2.839%202.838a.5.5%200%200%201-.707%200l-.13-.13a1.126%201.126%200%200%200-1.803.293l-.339.678a1.604%201.604%200%200%201-1.75.855l-.058-.011a2.72%202.72%200%200%200-2.708%201.034a3.79%203.79%200%200%200%20.352%204.955l.487.487a3.79%203.79%200%200%200%204.955.352a2.72%202.72%200%200%200%201.035-2.708l-.012-.058a1.604%201.604%200%200%201%20.856-1.75l.677-.339c.687-.344.836-1.26.293-1.804l-.13-.129a.5.5%200%200%201%200-.707z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.707%2011.706a1%201%200%201%201-1.414-1.414a1%201%200%200%201%201.414%201.414m5.55-9.396a1.087%201.087%200%200%201%201.536%200l.896.896a1.087%201.087%200%200%201%200%201.536l-4.374%204.374a2.127%202.127%200%200%201-.76%203.165l-.677.338a.604.604%200%200%200-.322.66l.011.058a3.72%203.72%200%200%201-1.415%203.704a4.79%204.79%200%200%201-6.262-.445l-.487-.487a4.79%204.79%200%200%201-.445-6.262a3.72%203.72%200%200%201%203.704-1.415l.059.012a.604.604%200%200%200%20.659-.323l.339-.677a2.127%202.127%200%200%201%203.164-.76zm.83.708a.087.087%200%200%200-.123%200l-1.165%201.165L15.817%205.2l1.165-1.165a.086.086%200%200%200%200-.122zm-.977%202.89L14.092%204.89l-2.839%202.838a.5.5%200%200%201-.707%200l-.13-.13a1.126%201.126%200%200%200-1.803.293l-.339.678a1.604%201.604%200%200%201-1.75.855l-.058-.011a2.72%202.72%200%200%200-2.708%201.034a3.79%203.79%200%200%200%20.352%204.955l.487.487a3.79%203.79%200%200%200%204.955.352a2.72%202.72%200%200%200%201.035-2.708l-.012-.058a1.604%201.604%200%200%201%20.856-1.75l.677-.339c.687-.344.836-1.26.293-1.804l-.13-.129a.5.5%200%200%201%200-.707z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/guitar-20-regular.svg?color=%231a73e8&size=48