Иконка Video Frame Bold Duotone

solar:video-frame-bold-duotone

Иконка Video Frame Bold Duotone (solar:video-frame-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Видео
Теги: videoframe, framebold, boldduotone, videoframeboldduotone

Скачать SVG

Код SVG

<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>

Как использовать иконку Video Frame Bold Duotone

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Video Frame Bold Duotone

Можно ли бесплатно использовать иконку Video Frame Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Video Frame Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:video-frame-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Video Frame Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/video-frame-bold-duotone.svg" alt="Иконка Video Frame Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →