ICONYZ
Español
Icono Video de File Icons

Icono Video

file-icons:video

El icono Video (file-icons:video) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 512 × 512. File Icons se publican bajo la licencia ISC, 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
File Icons
Autor
John Gardner
Licencia
ISC
Tamaño
512 × 512
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M292.571 384H219.43v-73.143h73.142zm73.143-62.407l-41.927-41.951a18.23 18.23 0 0 0-12.93-5.356H201.143c-10.1 0-18.286 8.186-18.286 18.285v109.715c0 4.76 1.819 9.094 4.798 12.347l42.52 42.51H164.57c-10.099 0-18.285-8.186-18.285-18.286V256c0-10.1 8.186-18.286 18.285-18.286h182.86c10.099 0 18.285 8.187 18.285 18.286zM475.43 384l-36.572-36.571l.047-73.191l36.525-36.525zM274.244 96.35c-24.325 14.025-24.325 49.275 0 63.3c24.326 14.024 54.899-3.602 54.899-31.65s-30.573-45.674-54.899-31.65M475.43 201.143l-73.143 73.143v-36.572c0-17.5-12.295-32.12-28.715-35.716c17.834-19.51 28.715-45.482 28.715-73.997c0-60.594-49.12-109.715-109.715-109.715c-57.784 0-105.134 44.673-109.4 101.367c-19.448-17.542-45.204-28.224-73.457-28.224C49.121 91.429 0 140.549 0 201.144c0 60.593 49.121 109.713 109.714 109.713H73.143V384h36.571v73.143c0 20.198 16.373 36.571 36.572 36.571h219.428c20.199 0 36.572-16.373 36.572-36.571V420.57l73.143 73.143H512v-292.57zm-329.144 0c0-28.048-30.135-44.886-54.899-31.65c-27.322 14.605-25.533 65.4 18.328 68.221v36.57C29.015 271.71 12.667 172 73.06 137.845c48.882-27.646 109.797 7.202 109.797 63.299zm109.633-9.844c-48.652-28.048-48.652-98.55 0-126.598S365.715 71.903 365.715 128s-61.145 91.348-109.797 63.3"/></svg>

Cómo usar el icono Video

React

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

<Icon icon="file-icons:video" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:video" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:video" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--video]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:video"></div>

Web component

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

<iconify-icon icon="file-icons:video"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/file-icons/video.svg" alt="Icono Video" width="24" height="24">

El icono Video en otras colecciones

Preguntas frecuentes sobre Icono Video

¿El icono Video es gratis para uso comercial?

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

¿Cómo uso el icono Video en React?

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

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

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

Ver todos los File Icons →