guitarpro logo

guitarpro from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
guitarpro
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the guitarpro logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.998 0C6.422 0 1.773 3.573 1.773 7.295S8.561 23.973 11.998 24c3.435.027 10.218-12.971 10.229-16.705C22.227 3.575 17.575 0 11.998 0m3.842 5.078a2.29 2.29 0 0 1 2.389 2.34l.007 1.783a2.267 2.267 0 0 1-2.265 2.342a2.36 2.36 0 0 1-1.772-.799v3.115l-1.746.239V5.375l1.688-.287l.058.785a2.3 2.3 0 0 1 1.64-.795zm-5.555.035h1.7l-.005 5.953c0 1.736-.931 2.973-2.58 2.973a4.95 4.95 0 0 1-2.423-.523l.207-1.748a3.3 3.3 0 0 0 1.996.843a.946.946 0 0 0 1.056-.998v-.904l-.011.014a2.33 2.33 0 0 1-1.77.806a2.28 2.28 0 0 1-2.26-2.345V7.47a2.285 2.285 0 0 1 4.03-1.551zM9.082 6.385a1.156 1.156 0 0 0-1.139 1.273v1.26a1.164 1.164 0 0 0 1.139 1.258a1.183 1.183 0 0 0 1.154-1.139V7.55a1.16 1.16 0 0 0-1.154-1.153zm5.98.008a1.15 1.15 0 0 0-.874 1.228v1.33a1.18 1.18 0 0 0 1.152 1.26a1.166 1.166 0 0 0 1.14-1.26v-1.33a1.152 1.152 0 0 0-1.418-1.228"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsGuitarpro(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.998 0C6.422 0 1.773 3.573 1.773 7.295S8.561 23.973 11.998 24c3.435.027 10.218-12.971 10.229-16.705C22.227 3.575 17.575 0 11.998 0m3.842 5.078a2.29 2.29 0 0 1 2.389 2.34l.007 1.783a2.267 2.267 0 0 1-2.265 2.342a2.36 2.36 0 0 1-1.772-.799v3.115l-1.746.239V5.375l1.688-.287l.058.785a2.3 2.3 0 0 1 1.64-.795zm-5.555.035h1.7l-.005 5.953c0 1.736-.931 2.973-2.58 2.973a4.95 4.95 0 0 1-2.423-.523l.207-1.748a3.3 3.3 0 0 0 1.996.843a.946.946 0 0 0 1.056-.998v-.904l-.011.014a2.33 2.33 0 0 1-1.77.806a2.28 2.28 0 0 1-2.26-2.345V7.47a2.285 2.285 0 0 1 4.03-1.551zM9.082 6.385a1.156 1.156 0 0 0-1.139 1.273v1.26a1.164 1.164 0 0 0 1.139 1.258a1.183 1.183 0 0 0 1.154-1.139V7.55a1.16 1.16 0 0 0-1.154-1.153zm5.98.008a1.15 1.15 0 0 0-.874 1.228v1.33a1.18 1.18 0 0 0 1.152 1.26a1.166 1.166 0 0 0 1.14-1.26v-1.33a1.152 1.152 0 0 0-1.418-1.228"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.998 0C6.422 0 1.773 3.573 1.773 7.295S8.561 23.973 11.998 24c3.435.027 10.218-12.971 10.229-16.705C22.227 3.575 17.575 0 11.998 0m3.842 5.078a2.29 2.29 0 0 1 2.389 2.34l.007 1.783a2.267 2.267 0 0 1-2.265 2.342a2.36 2.36 0 0 1-1.772-.799v3.115l-1.746.239V5.375l1.688-.287l.058.785a2.3 2.3 0 0 1 1.64-.795zm-5.555.035h1.7l-.005 5.953c0 1.736-.931 2.973-2.58 2.973a4.95 4.95 0 0 1-2.423-.523l.207-1.748a3.3 3.3 0 0 0 1.996.843a.946.946 0 0 0 1.056-.998v-.904l-.011.014a2.33 2.33 0 0 1-1.77.806a2.28 2.28 0 0 1-2.26-2.345V7.47a2.285 2.285 0 0 1 4.03-1.551zM9.082 6.385a1.156 1.156 0 0 0-1.139 1.273v1.26a1.164 1.164 0 0 0 1.139 1.258a1.183 1.183 0 0 0 1.154-1.139V7.55a1.16 1.16 0 0 0-1.154-1.153zm5.98.008a1.15 1.15 0 0 0-.874 1.228v1.33a1.18 1.18 0 0 0 1.152 1.26a1.166 1.166 0 0 0 1.14-1.26v-1.33a1.152 1.152 0 0 0-1.418-1.228"/></svg>
</template>

CSS

.icon-guitarpro {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.998%200C6.422%200%201.773%203.573%201.773%207.295S8.561%2023.973%2011.998%2024c3.435.027%2010.218-12.971%2010.229-16.705C22.227%203.575%2017.575%200%2011.998%200m3.842%205.078a2.29%202.29%200%200%201%202.389%202.34l.007%201.783a2.267%202.267%200%200%201-2.265%202.342a2.36%202.36%200%200%201-1.772-.799v3.115l-1.746.239V5.375l1.688-.287l.058.785a2.3%202.3%200%200%201%201.64-.795zm-5.555.035h1.7l-.005%205.953c0%201.736-.931%202.973-2.58%202.973a4.95%204.95%200%200%201-2.423-.523l.207-1.748a3.3%203.3%200%200%200%201.996.843a.946.946%200%200%200%201.056-.998v-.904l-.011.014a2.33%202.33%200%200%201-1.77.806a2.28%202.28%200%200%201-2.26-2.345V7.47a2.285%202.285%200%200%201%204.03-1.551zM9.082%206.385a1.156%201.156%200%200%200-1.139%201.273v1.26a1.164%201.164%200%200%200%201.139%201.258a1.183%201.183%200%200%200%201.154-1.139V7.55a1.16%201.16%200%200%200-1.154-1.153zm5.98.008a1.15%201.15%200%200%200-.874%201.228v1.33a1.18%201.18%200%200%200%201.152%201.26a1.166%201.166%200%200%200%201.14-1.26v-1.33a1.152%201.152%200%200%200-1.418-1.228%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.998%200C6.422%200%201.773%203.573%201.773%207.295S8.561%2023.973%2011.998%2024c3.435.027%2010.218-12.971%2010.229-16.705C22.227%203.575%2017.575%200%2011.998%200m3.842%205.078a2.29%202.29%200%200%201%202.389%202.34l.007%201.783a2.267%202.267%200%200%201-2.265%202.342a2.36%202.36%200%200%201-1.772-.799v3.115l-1.746.239V5.375l1.688-.287l.058.785a2.3%202.3%200%200%201%201.64-.795zm-5.555.035h1.7l-.005%205.953c0%201.736-.931%202.973-2.58%202.973a4.95%204.95%200%200%201-2.423-.523l.207-1.748a3.3%203.3%200%200%200%201.996.843a.946.946%200%200%200%201.056-.998v-.904l-.011.014a2.33%202.33%200%200%201-1.77.806a2.28%202.28%200%200%201-2.26-2.345V7.47a2.285%202.285%200%200%201%204.03-1.551zM9.082%206.385a1.156%201.156%200%200%200-1.139%201.273v1.26a1.164%201.164%200%200%200%201.139%201.258a1.183%201.183%200%200%200%201.154-1.139V7.55a1.16%201.16%200%200%200-1.154-1.153zm5.98.008a1.15%201.15%200%200%200-.874%201.228v1.33a1.18%201.18%200%200%200%201.152%201.26a1.166%201.166%200%200%200%201.14-1.26v-1.33a1.152%201.152%200%200%200-1.418-1.228%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/guitarpro.svg?color=%231a73e8&size=48