Video Frame 2 Outline icon

solar:video-frame-2-outline

The Video Frame 2 Outline icon (solar:video-frame-2-outline) 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, frameoutline, videoframeoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.89021 1.25798C5.89869 1.27282 5.06284 1.31552 4.36486 1.45123C3.62845 1.59441 2.99885 1.84937 2.47459 2.32121C1.89684 2.84118 1.59677 3.48961 1.43915 4.26187C1.28982 4.99356 1.25963 5.88373 1.2523 6.94079C1.25078 6.96032 1.25 6.98007 1.25 7C1.25 7.01674 1.25055 7.03335 1.25163 7.04982C1.25 7.34845 1.25 7.66493 1.25 7.99854V14.01C1.25 14.6932 1.25 15.307 1.2645 15.8525C1.25499 15.9002 1.25 15.9495 1.25 16C1.25 16.068 1.25906 16.134 1.27604 16.1966C1.33645 17.6689 1.54244 18.8399 2.47459 19.6788C2.99885 20.1506 3.62845 20.4056 4.36486 20.5488C5.06284 20.6845 5.89869 20.7272 6.89022 20.742C6.92605 20.7473 6.96271 20.75 7 20.75C7.03053 20.75 7.06064 20.7482 7.09022 20.7446C7.56889 20.75 8.09277 20.75 8.66297 20.75H11.25V21C11.25 21.9665 12.0335 22.75 13 22.75H15.337C15.9072 22.75 16.4311 22.75 16.9098 22.7446C16.9394 22.7482 16.9695 22.75 17 22.75C17.0373 22.75 17.0739 22.7473 17.1098 22.742C18.1013 22.7272 18.9372 22.6845 19.6351 22.5488C20.3716 22.4056 21.0011 22.1506 21.5254 21.6788C22.4576 20.8399 22.6635 19.6689 22.724 18.1966C22.7409 18.134 22.75 18.068 22.75 18C22.75 17.9495 22.745 17.9002 22.7355 17.8525C22.75 17.3071 22.75 16.6932 22.75 16.01V9.99793C22.75 9.66455 22.75 9.34826 22.7484 9.04982C22.7495 9.03335 22.75 9.01674 22.75 9C22.75 8.98007 22.7492 8.96032 22.7477 8.94079C22.7404 7.88373 22.7102 6.99356 22.5608 6.26187C22.4032 5.48961 22.1032 4.84118 21.5254 4.32121C21.0011 3.84937 20.3716 3.59441 19.6351 3.45123C18.9372 3.31552 18.1013 3.27282 17.1098 3.25798C17.074 3.25272 17.0373 3.25 17 3.25C16.9695 3.25 16.9394 3.25182 16.9098 3.25537C16.4311 3.25 15.9071 3.25 15.3368 3.25H12.75V3C12.75 2.0335 11.9665 1.25 11 1.25H8.66318C8.0929 1.25 7.56895 1.25 7.09022 1.25537C7.06065 1.25182 7.03054 1.25 7 1.25C6.96271 1.25 6.92604 1.25272 6.89021 1.25798ZM12.75 4.75L12.75 8.25L16.25 8.25V4.75095C15.9615 4.75 15.6566 4.75 15.3333 4.75H12.75ZM11.25 3C11.25 2.86193 11.1381 2.75 11 2.75H8.66667C8.34339 2.75 8.03847 2.75 7.75 2.75095V6.25L11.25 6.25L11.25 3ZM11.25 7.75V15.25H2.75401C2.75003 14.8714 2.75 14.4571 2.75 14V8C2.75 7.91525 2.75 7.83194 2.75003 7.75L11.25 7.75ZM2.76246 6.25L6.25 6.25V2.77374C5.5948 2.79672 5.07616 2.84102 4.65115 2.92366C4.08877 3.033 3.73967 3.20068 3.47803 3.43615C3.20202 3.68456 3.02163 4.00928 2.90886 4.56183C2.8197 4.99868 2.77969 5.5418 2.76246 6.25ZM2.81392 16.75L6.25 16.75L6.25 19.2263C5.5948 19.2033 5.07616 19.159 4.65115 19.0763C4.08877 18.967 3.73967 18.7993 3.47803 18.5639C3.10598 18.229 2.90418 17.7534 2.81392 16.75ZM11.25 16.75V19.25H8.66667C8.34339 19.25 8.03847 19.25 7.75 19.2491L7.75 16.75L11.25 16.75ZM17.75 4.77374V8.25L21.2375 8.25C21.2203 7.5418 21.1803 6.99868 21.0911 6.56183C20.9784 6.00928 20.798 5.68456 20.522 5.43615C20.2603 5.20068 19.9112 5.033 19.3489 4.92366C18.9238 4.84102 18.4052 4.79672 17.75 4.77374ZM21.25 9.75H12.75V17.25H21.246C21.25 16.8714 21.25 16.4571 21.25 16V10C21.25 9.91525 21.25 9.83194 21.25 9.75ZM16.25 18.75H12.75V21C12.75 21.1381 12.8619 21.25 13 21.25H15.3333C15.6566 21.25 15.9615 21.25 16.25 21.2491L16.25 18.75ZM21.1861 18.75H17.75L17.75 21.2263C18.4052 21.2033 18.9238 21.159 19.3489 21.0763C19.9112 20.967 20.2603 20.7993 20.522 20.5639C20.894 20.229 21.0958 19.7534 21.1861 18.75Z" clip-rule="evenodd"/></svg>

How to use the Video Frame 2 Outline icon

React

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

<Icon icon="solar:video-frame-2-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:video-frame-2-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:video-frame-2-outline" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:video-frame-2-outline"></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-2-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/video-frame-2-outline.svg" alt="Video Frame 2 Outline icon" width="24" height="24">

Related icons in Solar

Video Frame 2 Outline icon FAQ

Is the Video Frame 2 Outline 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 2 Outline icon in React?

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

How do I add the Video Frame 2 Outline icon to a web page?

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

Browse all Solar icons →