ICONYZ
Español
Icono Image Play de Huge Icons

Icono Image Play

hugeicons:image-play

El icono Image Play (hugeicons:image-play) es un icono SVG gratuito de la colección Huge Icons de Hugeicons. Está dibujado en una cuadrícula de 24 × 24. Huge 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
Huge Icons
Autor
Hugeicons
Licencia
MIT
Tamaño
24 × 24
Etiquetas
imageplay
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M15.5 8a.5.5 0 0 0 0-1m0 1a.5.5 0 0 1 0-1m0 1V7"/><path d="M21.5 12.003c0-4.23 0-6.346-1.198-7.75q-.256-.298-.555-.555C18.345 2.5 16.23 2.5 12 2.5s-6.345 0-7.747 1.198a5 5 0 0 0-.555.555C2.5 5.657 2.5 7.773 2.5 12.003s0 6.347 1.198 7.75q.256.3.555.555C5.414 21.3 7.065 21.47 10 21.5"/><path d="m3 16.002l4.47-4.47a1.81 1.81 0 0 1 2.56 0l.97.97m4.5-4.5a.5.5 0 0 0 0-1m0 1a.5.5 0 0 1 0-1m0 1v-1m5.945 10.95c-.176.716-1.012 1.222-2.682 2.234h0c-1.615.979-2.422 1.468-3.073 1.272a1.6 1.6 0 0 1-.712-.449c-.478-.514-.478-1.512-.478-3.509s0-2.994.478-3.508c.198-.213.443-.367.712-.449c.65-.196 1.458.293 3.073 1.272c1.67 1.012 2.506 1.518 2.682 2.234a1.9 1.9 0 0 1 0 .903"/></g></svg>

Cómo usar el icono Image Play

React

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

<Icon icon="hugeicons:image-play" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:image-play" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:image-play" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--image-play]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:image-play"></div>

Web component

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

<iconify-icon icon="hugeicons:image-play"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/image-play.svg" alt="Icono Image Play" width="24" height="24">

Iconos relacionados en Huge Icons

Icono image-01
image-01
 Icono image-02
image-02
 Icono image-03
image-03
 Icono image-actual-size
image-actual-size
 Icono image-add-01
image-add-01
 Icono image-add-02
image-add-02
 Icono image-composition
image-composition
 Icono image-composition-oval
image-composition-oval
 Icono image-counter-clockwise
image-counter-clockwise
 Icono image-crop
image-crop
 Icono image-delete-01
image-delete-01
 Icono image-delete-02
image-delete-02
 Icono image-done-01
image-done-01
 Icono image-done-02
image-done-02
 Icono image-down
image-down
 Icono image-download
image-download
 Icono image-download-02
image-download-02
 Icono image-flip-horizontal
image-flip-horizontal
 Icono image-flip-vertical
image-flip-vertical
 Icono image-minus
image-minus
 Icono image-not-found-01
image-not-found-01
 Icono image-not-found-02
image-not-found-02
 Icono image-off
image-off
 Icono image-plus
image-plus

El icono Image Play en otras colecciones

Icono Image Play de Lucide
Lucide

Preguntas frecuentes sobre Icono Image Play

¿El icono Image Play es gratis para uso comercial?

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

¿Cómo uso el icono Image Play en React?

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

¿Cómo añado el icono Image Play a una página web?

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

Ver todos los Huge Icons →