Video Frame Bold Duotone icon

solar:video-frame-bold-duotone

The Video Frame Bold Duotone icon (solar:video-frame-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Video
Tags: videoframe, framebold, boldduotone, videoframeboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.24976 2.22168C5.02703 2.41594 4.14826 2.78047 3.46423 3.46451C2.78019 4.14854 2.41566 5.02731 2.2214 6.25004H6.24976V2.22168Z"/><path d="M2.0685 7.75004C2.01015 8.73121 2.00133 9.88386 2 11.25H6.24976V7.75004H2.0685Z"/><path d="M2 12.75C2.00133 14.1162 2.01015 15.2689 2.0685 16.25H6.24976V12.75H2Z"/><path d="M2.2214 17.75C2.41566 18.9728 2.78019 19.8515 3.46423 20.5356C4.14826 21.2196 5.02703 21.5841 6.24976 21.7784V17.75H2.2214Z"/><path d="M17.7498 21.7784C18.9725 21.5841 19.8513 21.2196 20.5353 20.5356C21.2193 19.8515 21.5839 18.9728 21.7781 17.75H17.7498V21.7784Z"/><path d="M21.931 16.25C21.9894 15.2689 21.9982 14.1162 21.9995 12.75H17.7498V16.25H21.931Z"/><path d="M21.9995 11.25C21.9982 9.88386 21.9894 8.73121 21.931 7.75004H17.7498V11.25H21.9995Z"/><path d="M21.7781 6.25004C21.5839 5.02731 21.2193 4.14854 20.5353 3.46451C19.8513 2.78047 18.9725 2.41594 17.7498 2.22168V6.25004H21.7781Z"/><g opacity=".5"><path d="M7.75 21.9313C8.9058 22 10.2996 22 12 22C13.7004 22 15.0942 22 16.25 21.9313V12.75H7.75V21.9313Z"/><path d="M16.25 2.06874C15.0942 2 13.7004 2 12 2C10.2996 2 8.9058 2 7.75 2.06874V11.25H16.25V2.06874Z"/></g></g></svg>

How to use the Video Frame Bold Duotone icon

React

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

<Icon icon="solar:video-frame-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:video-frame-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:video-frame-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--video-frame-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:video-frame-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:video-frame-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/video-frame-bold-duotone.svg" alt="Video Frame Bold Duotone icon" width="24" height="24">

Related icons in Solar

Video Frame Bold Duotone icon FAQ

Is the Video Frame Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Video Frame Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:video-frame-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Video Frame Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/video-frame-bold-duotone.svg" alt="Video Frame Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →