guitar icon
guitar-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- guitar-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
guitarEmoji One (Colored)guitarFont Awesome 6 SolidguitarFont Awesome Solidguitar-16-filledFluent UI System IconsguitarFluent EmojiguitarFluent Emoji FlatguitarFluent Emoji High ContrastguitarFirefox OS EmojiguitarHuge IconsguitarLine AwesomeguitarLucideguitar-fillMingCute IconguitarNoto EmojiguitarOpenMojiguitarStreamline EmojisguitarTDesign IconsguitarTwitter Emoji
Use the guitar icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m249.66 46.34l-40-40a8 8 0 0 0-11.32 11.32l2.35 2.34l-60.17 60.16c-22.79-11.86-48.31-10.87-63.77 4.58a42.3 42.3 0 0 0-9.39 14.37a8.24 8.24 0 0 1-7.55 4.89c-14.59.49-27.26 5.72-36.65 15.11C11.08 131.22 6 148.6 8.74 168.07C11.4 186.7 21.07 205.15 36 220s33.34 24.56 52 27.22a71 71 0 0 0 10.1.78c15.32 0 28.83-5.23 38.76-15.16c9.39-9.39 14.62-22.06 15.11-36.65a8.24 8.24 0 0 1 4.92-7.55a42.2 42.2 0 0 0 14.37-9.39c15.45-15.46 16.44-41 4.58-63.77L236 55.31l2.34 2.35a8 8 0 0 0 11.32-11.32m-156 159.31a8 8 0 0 1-11.31 0l-32-32a8 8 0 0 1 11.32-11.31l32 32a8 8 0 0 1-.01 11.31m42.14-45.86a28 28 0 1 1 0-39.59a28 28 0 0 1 0 39.59m31.06-58a87 87 0 0 0-6-6.68a85 85 0 0 0-6.69-6L176 67.31L188.69 80ZM200 68.68L187.32 56L212 31.31L224.69 44Z"/></svg>
React
import type { SVGProps } from "react";
export function PhGuitarFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m249.66 46.34l-40-40a8 8 0 0 0-11.32 11.32l2.35 2.34l-60.17 60.16c-22.79-11.86-48.31-10.87-63.77 4.58a42.3 42.3 0 0 0-9.39 14.37a8.24 8.24 0 0 1-7.55 4.89c-14.59.49-27.26 5.72-36.65 15.11C11.08 131.22 6 148.6 8.74 168.07C11.4 186.7 21.07 205.15 36 220s33.34 24.56 52 27.22a71 71 0 0 0 10.1.78c15.32 0 28.83-5.23 38.76-15.16c9.39-9.39 14.62-22.06 15.11-36.65a8.24 8.24 0 0 1 4.92-7.55a42.2 42.2 0 0 0 14.37-9.39c15.45-15.46 16.44-41 4.58-63.77L236 55.31l2.34 2.35a8 8 0 0 0 11.32-11.32m-156 159.31a8 8 0 0 1-11.31 0l-32-32a8 8 0 0 1 11.32-11.31l32 32a8 8 0 0 1-.01 11.31m42.14-45.86a28 28 0 1 1 0-39.59a28 28 0 0 1 0 39.59m31.06-58a87 87 0 0 0-6-6.68a85 85 0 0 0-6.69-6L176 67.31L188.69 80ZM200 68.68L187.32 56L212 31.31L224.69 44Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m249.66 46.34l-40-40a8 8 0 0 0-11.32 11.32l2.35 2.34l-60.17 60.16c-22.79-11.86-48.31-10.87-63.77 4.58a42.3 42.3 0 0 0-9.39 14.37a8.24 8.24 0 0 1-7.55 4.89c-14.59.49-27.26 5.72-36.65 15.11C11.08 131.22 6 148.6 8.74 168.07C11.4 186.7 21.07 205.15 36 220s33.34 24.56 52 27.22a71 71 0 0 0 10.1.78c15.32 0 28.83-5.23 38.76-15.16c9.39-9.39 14.62-22.06 15.11-36.65a8.24 8.24 0 0 1 4.92-7.55a42.2 42.2 0 0 0 14.37-9.39c15.45-15.46 16.44-41 4.58-63.77L236 55.31l2.34 2.35a8 8 0 0 0 11.32-11.32m-156 159.31a8 8 0 0 1-11.31 0l-32-32a8 8 0 0 1 11.32-11.31l32 32a8 8 0 0 1-.01 11.31m42.14-45.86a28 28 0 1 1 0-39.59a28 28 0 0 1 0 39.59m31.06-58a87 87 0 0 0-6-6.68a85 85 0 0 0-6.69-6L176 67.31L188.69 80ZM200 68.68L187.32 56L212 31.31L224.69 44Z"/></svg> </template>
CSS
.icon-guitar-fill {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m249.66%2046.34l-40-40a8%208%200%200%200-11.32%2011.32l2.35%202.34l-60.17%2060.16c-22.79-11.86-48.31-10.87-63.77%204.58a42.3%2042.3%200%200%200-9.39%2014.37a8.24%208.24%200%200%201-7.55%204.89c-14.59.49-27.26%205.72-36.65%2015.11C11.08%20131.22%206%20148.6%208.74%20168.07C11.4%20186.7%2021.07%20205.15%2036%20220s33.34%2024.56%2052%2027.22a71%2071%200%200%200%2010.1.78c15.32%200%2028.83-5.23%2038.76-15.16c9.39-9.39%2014.62-22.06%2015.11-36.65a8.24%208.24%200%200%201%204.92-7.55a42.2%2042.2%200%200%200%2014.37-9.39c15.45-15.46%2016.44-41%204.58-63.77L236%2055.31l2.34%202.35a8%208%200%200%200%2011.32-11.32m-156%20159.31a8%208%200%200%201-11.31%200l-32-32a8%208%200%200%201%2011.32-11.31l32%2032a8%208%200%200%201-.01%2011.31m42.14-45.86a28%2028%200%201%201%200-39.59a28%2028%200%200%201%200%2039.59m31.06-58a87%2087%200%200%200-6-6.68a85%2085%200%200%200-6.69-6L176%2067.31L188.69%2080ZM200%2068.68L187.32%2056L212%2031.31L224.69%2044Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m249.66%2046.34l-40-40a8%208%200%200%200-11.32%2011.32l2.35%202.34l-60.17%2060.16c-22.79-11.86-48.31-10.87-63.77%204.58a42.3%2042.3%200%200%200-9.39%2014.37a8.24%208.24%200%200%201-7.55%204.89c-14.59.49-27.26%205.72-36.65%2015.11C11.08%20131.22%206%20148.6%208.74%20168.07C11.4%20186.7%2021.07%20205.15%2036%20220s33.34%2024.56%2052%2027.22a71%2071%200%200%200%2010.1.78c15.32%200%2028.83-5.23%2038.76-15.16c9.39-9.39%2014.62-22.06%2015.11-36.65a8.24%208.24%200%200%201%204.92-7.55a42.2%2042.2%200%200%200%2014.37-9.39c15.45-15.46%2016.44-41%204.58-63.77L236%2055.31l2.34%202.35a8%208%200%200%200%2011.32-11.32m-156%20159.31a8%208%200%200%201-11.31%200l-32-32a8%208%200%200%201%2011.32-11.31l32%2032a8%208%200%200%201-.01%2011.31m42.14-45.86a28%2028%200%201%201%200-39.59a28%2028%200%200%201%200%2039.59m31.06-58a87%2087%200%200%200-6-6.68a85%2085%200%200%200-6.69-6L176%2067.31L188.69%2080ZM200%2068.68L187.32%2056L212%2031.31L224.69%2044Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/guitar-fill.svg?color=%231a73e8&size=48
