Video icon
websymbol:video
The Video icon (websymbol:video) is a free SVG icon from the Web Symbols Liga set by Just Be Nice studio. It is drawn on a 1360 × 1000 grid. Web Symbols Liga icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Web Symbols Liga
- Author
- Just Be Nice studio
- License
- OFL-1.1
- Size
- 1360 × 1000
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1360" height="1000" viewBox="0 0 1360 1000"><path fill="currentColor" d="M1360 1v1000H0V1zm-200 160h120V81h-120zm-200 0h120V81H960zm-240 0h120V81H720zm240 600h320V241H960zM520 161h120V81H520zm640 760h120v-80h-120zM280 161h120V81H280zm240 600h320V241H520zm440 160h120v-80H960zM80 161h120V81H80zm640 760h120v-80H720zM80 761h320V241H80zm440 160h120v-80H520zm-240 0h120v-80H280zm-200 0h120v-80H80z"/></svg>
How to use the Video icon
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:video" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:video" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:video" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--video]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:video"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:video"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/websymbol/video.svg" alt="Video icon" width="24" height="24">
Video icon in other icon sets
Video icon FAQ
Is the Video icon free for commercial use?
Yes. Web Symbols Liga icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Video icon in React?
Install @iconify/react and render <Icon icon="websymbol:video" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Video icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/websymbol/video.svg" alt="Video icon">, or paste the SVG code inline to style it with CSS.
Browse all Web Symbols Liga icons →
ICONYZ
