Presenter Video Express アイコン
thesvg-color:presenter-video-express
Presenter Video Express アイコン(thesvg-color:presenter-video-express)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 32 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- presentervideo、videoexpress、presentervideoexpress
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#1a2600" d="M30.667 1.333H1.333v28.534h29.334z"/><path fill="#8dd933" d="M0 0v31.2h32V0zm1.333 1.333h29.334v28.534H1.333z"/><path fill="#eaffc4" d="M22.2 10.8h-2.6v.533h2.6a1.4 1.4 0 0 1 1.4 1.4v6.28a1.4 1.4 0 0 1-1.4 1.4h-8.4a1.4 1.4 0 0 1-1.4-1.4v-1.546h-.533V19c0 1.067.866 1.933 1.933 1.933h3.933v2.134H14.8v.533h6.4v-.533h-2.933v-2.134H22.2A1.935 1.935 0 0 0 24.133 19v-6.267A1.935 1.935 0 0 0 22.2 10.8"/><path fill="#8dd933" d="m12.4 10l5.187 2.507l-5.187 2.52zm5.693 7.733c1.04 0 1.774-.853 1.774-1.893V9.493c0-1.04-.814-1.893-1.867-1.893h-7.973c-1.04 0-1.894.84-1.894 1.893v6.347c0 1.04.854 1.907 1.894 1.907h8.066z"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>Presenter Video Express アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:presenter-video-express" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:presenter-video-express" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:presenter-video-express" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--presenter-video-express]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:presenter-video-express"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:presenter-video-express"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/presenter-video-express.svg" alt="Presenter Video Express アイコン" width="24" height="24">Presenter Video Express アイコン のよくある質問
Presenter Video Express アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Presenter Video Express アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:presenter-video-express" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Presenter Video Express アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/presenter-video-express.svg" alt="Presenter Video Express アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。