ICONYZ
Español
Icono Headphones Bold de Glyphs

Icono Headphones Bold

glyphs:headphones-bold

El icono Headphones Bold (glyphs:headphones-bold) es un icono SVG gratuito de la colección Glyphs de Goran Spasojevic. Está dibujado en una cuadrícula de 80 × 80. Glyphs 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
Glyphs
Autor
Goran Spasojevic
Licencia
MIT
Tamaño
80 × 80
Etiquetas
headphonesbold, headphone
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="m67.033 51.469l.493 2.959a3 3 0 0 0 2.433-2.298zM53.857 21.36l1.5-2.598zm-27.713 0l-1.5-2.598zM12.995 51.583l-2.923.674a3 3 0 0 0 2.43 2.285zm4.12 3.728a3 3 0 1 0 .986-5.918zm44.784-6.028a3 3 0 0 0 .987 5.918zm8.06 2.847c.496-2.197.754-4.466.754-6.77h-6c0 1.856-.207 3.68-.607 5.447zm.754-6.77a30.71 30.71 0 0 0-15.356-26.598l-3 5.196A24.71 24.71 0 0 1 64.713 45.36zM55.357 18.762a30.71 30.71 0 0 0-30.713 0l3 5.196a24.71 24.71 0 0 1 24.713 0zm-30.713 0A30.71 30.71 0 0 0 9.288 45.36h6c0-8.829 4.71-16.987 12.356-21.402zM9.288 45.36c0 2.35.268 4.66.784 6.897l5.846-1.347a24.7 24.7 0 0 1-.63-5.55zm3.214 9.182l4.613.77l.986-5.919l-4.613-.769zm50.384.66l4.64-.774l-.987-5.919l-4.64.774z"/><path fill-rule="evenodd" d="M49 41.375a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75a1.7 1.7 0 0 0 .85 1.473l4.542 2.622a4 4 0 0 1 2 3.464v7.382a4 4 0 0 1-2 3.464l-4.542 2.622a1.7 1.7 0 0 0-.85 1.473a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75zm-18 22.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1-.75-.75a1.7 1.7 0 0 0-.85-1.473l-4.542-2.622a4 4 0 0 1-2-3.464v-7.382a4 4 0 0 1 2-3.464l4.541-2.622A1.7 1.7 0 0 0 25 41.375a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75z" clip-rule="evenodd"/><path d="m24.15 42.848l1 1.732zM19.608 59.78l1-1.732zm36.242 2.622l-1-1.732zm4.542-2.622l1 1.732zM24.15 62.402l-1 1.732zm31.7-19.554l1-1.732zm-6.1-.223c.69 0 1.25-.56 1.25-1.25h-4a2.75 2.75 0 0 1 2.75-2.75zm2.25 0h-2.25v-4H52zm2.25 0H52v-4h2.25zM53 41.375c0 .69.56 1.25 1.25 1.25v-4a2.75 2.75 0 0 1 2.75 2.75zm6.392 5.827L54.85 44.58l2-3.464l4.542 2.622zm1 9.114v-7.382h4v7.382zM54.85 60.67l4.542-2.622l2 3.464l-4.542 2.622zm-.6 1.955c-.69 0-1.25.56-1.25 1.25h4a2.75 2.75 0 0 1-2.75 2.75zm-2.25 0h2.25v4H52zm-2.25 0H52v4h-2.25zm1.25 1.25c0-.69-.56-1.25-1.25-1.25v4a2.75 2.75 0 0 1-2.75-2.75zm0-.982v.982h-4v-.982zm-4 0V42.357h4v20.536zm4-21.518v.982h-4v-.982zm-20.75 21.25c-.69 0-1.25.56-1.25 1.25h4a2.75 2.75 0 0 1-2.75 2.75zm-2.25 0h2.25v4H28zm-2.25 0H28v4h-2.25zm1.25 1.25c0-.69-.56-1.25-1.25-1.25v4a2.75 2.75 0 0 1-2.75-2.75zm-6.392-5.827l4.541 2.622l-2 3.464l-4.541-2.622zm-1-9.114v7.382h-4v-7.382zm5.541-4.354l-4.541 2.622l-2-3.464l4.541-2.622zm.601-1.955c.69 0 1.25-.56 1.25-1.25h-4a2.75 2.75 0 0 1 2.75-2.75zm2.25 0h-2.25v-4H28zm2.25 0H28v-4h2.25zM29 41.375c0 .69.56 1.25 1.25 1.25v-4a2.75 2.75 0 0 1 2.75 2.75zm0 .982v-.982h4v.982zm4 0v20.536h-4V42.357zm-4 21.518v-.982h4v.982zm-5.85-22.759a.3.3 0 0 0-.15.259h4a3.7 3.7 0 0 1-1.85 3.205zm-7.542 7.818a6 6 0 0 1 3-5.196l2 3.464a2 2 0 0 0-1 1.732zm3 12.578a6 6 0 0 1-3-5.196h4a2 2 0 0 0 1 1.732zm38.242 2.622a.3.3 0 0 0 .15-.259h-4a3.7 3.7 0 0 1 1.85-3.205zm7.542-7.818a6 6 0 0 1-3 5.196l-2-3.464a2 2 0 0 0 1-1.732zM23 63.875c0 .107.057.206.15.259l2-3.464A3.7 3.7 0 0 1 27 63.875zm38.392-20.137a6 6 0 0 1 3 5.196h-4a2 2 0 0 0-1-1.732zM57 41.375a.3.3 0 0 0-.15-.259l-2 3.464A3.7 3.7 0 0 1 53 41.375z"/></g></svg>

Cómo usar el icono Headphones Bold

React

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

<Icon icon="glyphs:headphones-bold" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:headphones-bold" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:headphones-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="glyphs:headphones-bold"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/glyphs/headphones-bold.svg" alt="Icono Headphones Bold" width="24" height="24">

Iconos relacionados en Glyphs

El icono Headphones Bold en otras colecciones

Preguntas frecuentes sobre Icono Headphones Bold

¿El icono Headphones Bold es gratis para uso comercial?

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

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

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

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

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

Ver todos los Iconos Glyphs →