ICONYZ
日本語
Solar の Video Frame 2 Line Duotone アイコン

Video Frame 2 Line Duotone アイコン

solar:video-frame-2-line-duotone

Video Frame 2 Line Duotone アイコン(solar:video-frame-2-line-duotone)は、Solar セットの無料 SVG アイコンです(作者: 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、frameline、lineduotone、videoframelineduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M17 21.9935V22M17 21.9935C16.4994 22 15.9462 22 15.3333 22H13C12.4477 22 12 21.5523 12 21V20M17 21.9935C19.0663 21.9666 20.2378 21.8286 21.0237 21.1213C21.7363 20.48 21.9287 19.5534 21.9808 18M21.9808 18H22M21.9808 18C22 17.425 22 16.7641 22 16V10C22 9.64496 22 9.31221 21.9981 9M21.9981 9H22M21.9981 9C21.9846 6.82497 21.8775 5.64706 21.0237 4.87868C20.2378 4.17137 19.0663 4.03342 17 4.00652M17 4.00652C16.4994 4 15.9462 4 15.3333 4H12M17 4.00652V4"/><path d="M12 4L12 3C12 2.44772 11.5523 2 11 2H8.66667C8.05376 2 7.50062 2 7 2.00652M7 2.00652V2M7 2.00652C4.9337 2.03342 3.76222 2.17137 2.97631 2.87868C2.12255 3.64706 2.01538 4.82497 2.00193 7M2.00193 7H2M2.00193 7C2 7.31221 2 7.64496 2 8V14C2 14.7641 2 15.425 2.01925 16M2.01925 16H2M2.01925 16C2.07125 17.5534 2.26375 18.48 2.97631 19.1213C3.76222 19.8286 4.93369 19.9666 7 19.9935M7 19.9935V20M7 19.9935C7.50062 20 8.05376 20 8.66667 20H12"/><path d="M12 7.00032L7.00002 7.00032L2.00195 7.00032M7.00002 7.00032V2.00684M7.00002 19.9938L7.00002 16.0003M7.00002 16.0003L2.01927 16.0003M7.00002 16.0003L12 16.0003M12 16.0003V7.00032M12 16.0003V20.0003M12 7.00032L12 3.00032M17 18.0003H12V9.00032L17 9.00032L21.9981 9.00032M17 9.00032V4.00684M17 21.9938L17 18.0003M17 18.0003H21.9808" opacity=".5"/></g></svg>

Video Frame 2 Line Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/video-frame-2-line-duotone.svg" alt="Video Frame 2 Line Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Video Frame 2 Line Duotone アイコン のよくある質問

Video Frame 2 Line Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Video Frame 2 Line Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:video-frame-2-line-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Video Frame 2 Line Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/video-frame-2-line-duotone.svg" alt="Video Frame 2 Line Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコン をすべて見る →