Icono Airpods
icon-park:airpods
El icono Airpods (icon-park:airpods) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Música
- Etiquetas
- airpod
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M36 4C31.0294 4 27 8.02944 27 13V44H33V21.4879C33.9383 21.8195 34.9481 22 36 22C39.4829 22 42.5038 20.0216 44 17.1272V8.8728C42.5038 5.97844 39.4829 4 36 4Z"/><path fill="#2F88FF" stroke="#000" d="M12 4C16.9706 4 21 8.02944 21 13V44H15V21.4879C14.0617 21.8195 13.0519 22 12 22C8.51707 22 5.49623 20.0216 4 17.1272V8.8728C5.49623 5.97844 8.51707 4 12 4Z"/><path stroke="#fff" d="M15 13H14"/><path stroke="#fff" d="M33 13H34"/></g></svg>Cómo usar el icono Airpods
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:airpods" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:airpods" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:airpods" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--airpods]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:airpods"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:airpods"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/airpods.svg" alt="Icono Airpods" width="24" height="24">El icono Airpods en otras colecciones
Preguntas frecuentes sobre Icono Airpods
¿El icono Airpods es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Airpods en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:airpods" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Airpods a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/airpods.svg" alt="Icono Airpods">, o pega el código SVG en línea para darle estilo con CSS.