Иконка Video Frame Bold

solar:video-frame-bold

Иконка Video Frame Bold (solar:video-frame-bold) — бесплатная 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, videoframebold

Скачать 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.22164C5.02703 2.4159 4.14826 2.78043 3.46423 3.46447C2.78019 4.1485 2.41566 5.02727 2.2214 6.25H6.24976V2.22164Z"/><path d="M2.0685 7.75C2.01015 8.73117 2.00133 9.88382 2 11.25H6.24976V7.75H2.0685Z"/><path d="M2 12.75C2.00133 14.1162 2.01015 15.2688 2.0685 16.25H6.24976V12.75H2Z"/><path d="M2.2214 17.75C2.41566 18.9727 2.78019 19.8515 3.46423 20.5355C4.14826 21.2196 5.02703 21.5841 6.24976 21.7784V17.75H2.2214Z"/><path d="M7.74976 21.9313C8.90556 22 10.2993 22 11.9998 22C13.7002 22 15.094 22 16.2498 21.9313V12.75H7.74976V21.9313Z"/><path d="M17.7498 21.7784C18.9725 21.5841 19.8513 21.2196 20.5353 20.5355C21.2193 19.8515 21.5839 18.9727 21.7781 17.75H17.7498V21.7784Z"/><path d="M21.931 16.25C21.9894 15.2688 21.9982 14.1162 21.9995 12.75H17.7498V16.25H21.931Z"/><path d="M21.9995 11.25C21.9982 9.88382 21.9894 8.73117 21.931 7.75H17.7498V11.25H21.9995Z"/><path d="M21.7781 6.25C21.5839 5.02727 21.2193 4.1485 20.5353 3.46447C19.8513 2.78043 18.9725 2.4159 17.7498 2.22164V6.25H21.7781Z"/><path d="M16.2498 2.06874C15.094 2 13.7002 2 11.9998 2C10.2993 2 8.90556 2 7.74976 2.06874V11.25H16.2498V2.06874Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

Изображение HTML

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

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

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

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

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

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

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

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

Все Иконки Solar →