ICONYZ
Español
Icono Guitar Bold de Phosphor

Icono Guitar Bold

ph:guitar-bold

El icono Guitar Bold (ph:guitar-bold) es un icono SVG gratuito de la colección Phosphor de Phosphor Icons. Está dibujado en una cuadrícula de 256 × 256. Phosphor icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Phosphor
Autor
Phosphor Icons
Licencia
MIT
Tamaño
256 × 256
Etiquetas
music, instrument, guitarbold
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M92.49 187.5a12 12 0 1 1-17 17l-24-24a12 12 0 0 1 17-17ZM112 120a24 24 0 1 0 24 24a24 24 0 0 0-24-24m140.49-59.52a12 12 0 0 1-14.12 2.12L182 119a73 73 0 0 1 5.36 18.68c2.51 17.58-2.2 33.35-13.27 44.42a46.1 46.1 0 0 1-15.73 10.29a4.32 4.32 0 0 0-2.39 4c-.53 15.61-6.16 29.22-16.28 39.34C129 246.37 114.5 252 98.13 252a77 77 0 0 1-10.77-.78c-19.47-2.78-38.73-12.85-54.23-28.35S7.56 188.11 4.78 168.64c-3-20.75 2.56-39.34 15.55-52.33c10.12-10.12 23.73-15.75 39.34-16.31a4.32 4.32 0 0 0 4-2.39a46.1 46.1 0 0 1 10.26-15.7C85 70.84 100.77 66.13 118.35 68.64A73 73 0 0 1 137 74l56.4-56.37a12 12 0 0 1 19.09-14.12l40 40a12 12 0 0 1 0 16.97M221 46l-11-11l-19 19l11 11Zm-74.31 63.28C135.53 98.09 121.39 92 109.34 92c-7.29 0-13.81 2.21-18.44 6.85a22.2 22.2 0 0 0-4.9 7.62A28.23 28.23 0 0 1 60.48 124c-6.57.22-15.93 2-23.18 9.26c-7.52 7.52-10.63 18.87-8.76 32c2.05 14.37 9.71 28.81 21.56 40.66s26.29 19.51 40.66 21.56c13.09 1.87 24.44-1.24 32-8.76c7.25-7.25 9-16.61 9.26-23.18A28.23 28.23 0 0 1 149.53 170a22.2 22.2 0 0 0 7.59-4.94c12.31-12.27 7.55-37.83-10.4-55.78ZM169 98.07L185 82l-11-11l-16.07 16c2 1.67 3.9 3.42 5.76 5.27s3.6 3.82 5.31 5.8"/></svg>

Cómo usar el icono Guitar Bold

React

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

<Icon icon="ph:guitar-bold" width="24" />

Vue

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

<template>
  <Icon icon="ph:guitar-bold" width="24" />
</template>

Svelte

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

<Icon icon="ph:guitar-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ph:guitar-bold"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ph/guitar-bold.svg" alt="Icono Guitar Bold" width="24" height="24">

Iconos relacionados en Phosphor

Preguntas frecuentes sobre Icono Guitar Bold

¿El icono Guitar Bold es gratis para uso comercial?

Sí. Phosphor icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Guitar Bold en React?

Instala @iconify/react y renderiza <Icon icon="ph:guitar-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Guitar Bold a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ph/guitar-bold.svg" alt="Icono Guitar Bold">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Phosphor →