Video Frame Replace icon in outline, twotone, bold and bulk. Free in all four styles, for player, gallery, camera, music, volume. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconVideoFrameReplace } from "@devigner-ui/icons";
<IconVideoFrameReplace className="size-6" />
<script setup>
import { IconVideoFrameReplace } from "@devigner-ui/icons-vue";
</script>
<template>
<IconVideoFrameReplace class="size-6" />
</template>
<script>
import { IconVideoFrameReplace } from "@devigner-ui/icons-svelte";
</script>
<IconVideoFrameReplace class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6c0-1.89 0-2.83.59-3.41C3.17 2 4.1 2 6 2h5c1.89 0 2.83 0 3.41.59C15 3.17 15 4.1 15 6s0 2.83-.59 3.41C13.83 10 12.9 10 11 10H6c-1.89 0-2.83 0-3.41-.59C2 8.83 2 7.9 2 6" stroke="currentColor" stroke-width="1.5"></path><path d="M10 18c0-1.89 0-2.83.59-3.41C11.17 14 12.1 14 14 14h3c1.89 0 2.83 0 3.41.59.59.58.59 1.52.59 3.41s0 2.83-.59 3.41C19.83 22 18.9 22 17 22h-3c-1.89 0-2.83 0-3.41-.59C10 20.83 10 19.9 10 18" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M6 2.5V10m5-7.5V10M2.5 6H6m5 0h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M13.5 14.5V22m4-7.5V22M11 18h2.5m4 0H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m22 10-1 1-1-1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M21 11v-1c0-.93 0-2.4-.15-2.77a2 2 0 0 0-1.08-1.08C19.4 6 18.93 6 18 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m2 14 1-1 1 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M3 13v1c0 .93 0 2.4.15 2.77a2 2 0 0 0 1.08 1.08C4.6 18 5.07 18 6 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>