guitar icon

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

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

7 other variants in Fluent UI System Icons

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

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 28 28"><path fill="currentColor" d="M13.56 16.56a1.5 1.5 0 1 1-2.12-2.12a1.5 1.5 0 0 1 2.12 2.12m8.351-14.133a1.75 1.75 0 0 1 2.475 0l1.187 1.187a1.75 1.75 0 0 1 0 2.475l-6.517 6.517c1.164 1.563.668 3.864-1.143 4.77l-1.021.51a.916.916 0 0 0-.488.999l.017.088a5.6 5.6 0 0 1-2.132 5.583a7.22 7.22 0 0 1-9.44-.671l-.734-.734a7.22 7.22 0 0 1-.67-9.44a5.6 5.6 0 0 1 5.581-2.132l.089.017a.916.916 0 0 0 .999-.488l.51-1.021c.906-1.811 3.207-2.308 4.77-1.144zm1.414 1.06a.25.25 0 0 0-.353 0l-1.239 1.239l1.564 1.517l1.216-1.215a.25.25 0 0 0 0-.353zm-1.088 3.817l-1.564-1.518l-4.724 4.724a.75.75 0 0 1-1.06 0l-.196-.195a1.703 1.703 0 0 0-2.727.443l-.51 1.02a2.416 2.416 0 0 1-2.635 1.29l-.089-.018a4.1 4.1 0 0 0-4.088 1.561a5.72 5.72 0 0 0 .532 7.479l.734.734a5.72 5.72 0 0 0 7.479.531a4.1 4.1 0 0 0 1.561-4.087l-.017-.089a2.416 2.416 0 0 1 1.288-2.634l1.021-.511a1.703 1.703 0 0 0 .443-2.727l-.195-.195a.75.75 0 0 1 0-1.061z"/></svg>

React

import type { SVGProps } from "react";

export function FluentGuitar28Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M13.56 16.56a1.5 1.5 0 1 1-2.12-2.12a1.5 1.5 0 0 1 2.12 2.12m8.351-14.133a1.75 1.75 0 0 1 2.475 0l1.187 1.187a1.75 1.75 0 0 1 0 2.475l-6.517 6.517c1.164 1.563.668 3.864-1.143 4.77l-1.021.51a.916.916 0 0 0-.488.999l.017.088a5.6 5.6 0 0 1-2.132 5.583a7.22 7.22 0 0 1-9.44-.671l-.734-.734a7.22 7.22 0 0 1-.67-9.44a5.6 5.6 0 0 1 5.581-2.132l.089.017a.916.916 0 0 0 .999-.488l.51-1.021c.906-1.811 3.207-2.308 4.77-1.144zm1.414 1.06a.25.25 0 0 0-.353 0l-1.239 1.239l1.564 1.517l1.216-1.215a.25.25 0 0 0 0-.353zm-1.088 3.817l-1.564-1.518l-4.724 4.724a.75.75 0 0 1-1.06 0l-.196-.195a1.703 1.703 0 0 0-2.727.443l-.51 1.02a2.416 2.416 0 0 1-2.635 1.29l-.089-.018a4.1 4.1 0 0 0-4.088 1.561a5.72 5.72 0 0 0 .532 7.479l.734.734a5.72 5.72 0 0 0 7.479.531a4.1 4.1 0 0 0 1.561-4.087l-.017-.089a2.416 2.416 0 0 1 1.288-2.634l1.021-.511a1.703 1.703 0 0 0 .443-2.727l-.195-.195a.75.75 0 0 1 0-1.061z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M13.56 16.56a1.5 1.5 0 1 1-2.12-2.12a1.5 1.5 0 0 1 2.12 2.12m8.351-14.133a1.75 1.75 0 0 1 2.475 0l1.187 1.187a1.75 1.75 0 0 1 0 2.475l-6.517 6.517c1.164 1.563.668 3.864-1.143 4.77l-1.021.51a.916.916 0 0 0-.488.999l.017.088a5.6 5.6 0 0 1-2.132 5.583a7.22 7.22 0 0 1-9.44-.671l-.734-.734a7.22 7.22 0 0 1-.67-9.44a5.6 5.6 0 0 1 5.581-2.132l.089.017a.916.916 0 0 0 .999-.488l.51-1.021c.906-1.811 3.207-2.308 4.77-1.144zm1.414 1.06a.25.25 0 0 0-.353 0l-1.239 1.239l1.564 1.517l1.216-1.215a.25.25 0 0 0 0-.353zm-1.088 3.817l-1.564-1.518l-4.724 4.724a.75.75 0 0 1-1.06 0l-.196-.195a1.703 1.703 0 0 0-2.727.443l-.51 1.02a2.416 2.416 0 0 1-2.635 1.29l-.089-.018a4.1 4.1 0 0 0-4.088 1.561a5.72 5.72 0 0 0 .532 7.479l.734.734a5.72 5.72 0 0 0 7.479.531a4.1 4.1 0 0 0 1.561-4.087l-.017-.089a2.416 2.416 0 0 1 1.288-2.634l1.021-.511a1.703 1.703 0 0 0 .443-2.727l-.195-.195a.75.75 0 0 1 0-1.061z"/></svg>
</template>

CSS

.icon-guitar-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.56%2016.56a1.5%201.5%200%201%201-2.12-2.12a1.5%201.5%200%200%201%202.12%202.12m8.351-14.133a1.75%201.75%200%200%201%202.475%200l1.187%201.187a1.75%201.75%200%200%201%200%202.475l-6.517%206.517c1.164%201.563.668%203.864-1.143%204.77l-1.021.51a.916.916%200%200%200-.488.999l.017.088a5.6%205.6%200%200%201-2.132%205.583a7.22%207.22%200%200%201-9.44-.671l-.734-.734a7.22%207.22%200%200%201-.67-9.44a5.6%205.6%200%200%201%205.581-2.132l.089.017a.916.916%200%200%200%20.999-.488l.51-1.021c.906-1.811%203.207-2.308%204.77-1.144zm1.414%201.06a.25.25%200%200%200-.353%200l-1.239%201.239l1.564%201.517l1.216-1.215a.25.25%200%200%200%200-.353zm-1.088%203.817l-1.564-1.518l-4.724%204.724a.75.75%200%200%201-1.06%200l-.196-.195a1.703%201.703%200%200%200-2.727.443l-.51%201.02a2.416%202.416%200%200%201-2.635%201.29l-.089-.018a4.1%204.1%200%200%200-4.088%201.561a5.72%205.72%200%200%200%20.532%207.479l.734.734a5.72%205.72%200%200%200%207.479.531a4.1%204.1%200%200%200%201.561-4.087l-.017-.089a2.416%202.416%200%200%201%201.288-2.634l1.021-.511a1.703%201.703%200%200%200%20.443-2.727l-.195-.195a.75.75%200%200%201%200-1.061z%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.56%2016.56a1.5%201.5%200%201%201-2.12-2.12a1.5%201.5%200%200%201%202.12%202.12m8.351-14.133a1.75%201.75%200%200%201%202.475%200l1.187%201.187a1.75%201.75%200%200%201%200%202.475l-6.517%206.517c1.164%201.563.668%203.864-1.143%204.77l-1.021.51a.916.916%200%200%200-.488.999l.017.088a5.6%205.6%200%200%201-2.132%205.583a7.22%207.22%200%200%201-9.44-.671l-.734-.734a7.22%207.22%200%200%201-.67-9.44a5.6%205.6%200%200%201%205.581-2.132l.089.017a.916.916%200%200%200%20.999-.488l.51-1.021c.906-1.811%203.207-2.308%204.77-1.144zm1.414%201.06a.25.25%200%200%200-.353%200l-1.239%201.239l1.564%201.517l1.216-1.215a.25.25%200%200%200%200-.353zm-1.088%203.817l-1.564-1.518l-4.724%204.724a.75.75%200%200%201-1.06%200l-.196-.195a1.703%201.703%200%200%200-2.727.443l-.51%201.02a2.416%202.416%200%200%201-2.635%201.29l-.089-.018a4.1%204.1%200%200%200-4.088%201.561a5.72%205.72%200%200%200%20.532%207.479l.734.734a5.72%205.72%200%200%200%207.479.531a4.1%204.1%200%200%200%201.561-4.087l-.017-.089a2.416%202.416%200%200%201%201.288-2.634l1.021-.511a1.703%201.703%200%200%200%20.443-2.727l-.195-.195a.75.75%200%200%201%200-1.061z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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