Video 360 Generic アイコン
fluent-mdl2:video-360-generic
Video 360 Generic アイコン(fluent-mdl2:video-360-generic)は、Fluent UI MDL2 セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 2048 × 2048 のグリッドで描かれています。 Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI MDL2
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 2048 × 2048
- タグ
- videogeneric
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1024 0q154 0 298 44t267 126t221 197t158 258q34 81 56 174t23 181q0 60-3 116t-13 110t-24 107t-39 110q-60 142-157 257t-220 197t-268 126t-299 45q-154 0-298-44t-268-126t-221-197t-157-258q-24-56-39-109t-24-108t-12-110t-4-116q0-88 22-181t57-174q60-142 157-257t221-197T726 45t298-45m478 692q14 82 20 165t6 167q0 100-9 199q75-18 148-46t140-70q14-9 33-24t36-33t30-37t13-38q0-11-1-23t-3-22q-6-30-34-58t-65-53t-74-42t-63-29q-43-17-87-31t-90-25m355 0q-37-92-93-173t-127-147t-155-118t-179-82q62 84 104 183t66 200q101 21 197 53t187 84m-854-564h-16q-8 0-16 2q-6 1-20 8t-19 11q-29 17-54 42t-46 53t-40 60t-32 61q-20 41-35 83t-28 86q81-11 163-16t164-6q82 0 164 5t163 17q-13-44-28-86t-35-83q-14-30-32-61t-39-59t-47-54t-54-42q-5-4-19-11t-20-8q-8-2-16-2t-16 0zm-258 44q-94 31-178 82T411 371T284 519t-93 173q91-51 187-83t197-54q24-101 66-200t104-183M145 1197q23 119 77 225t132 195t177 155t215 104q-58-76-96-165t-65-181q30 6 60 10t62 9q14 44 34 92t46 95t59 87t72 68q4 3 11 7t15 8t15 8t12 5q6 1 12 1t14 0h64q8 0 16-2t22-9t22-12q41-26 75-66t61-88t48-96t35-94q41-126 58-261t18-268q0-90-7-179t-25-177q-90-14-179-21t-181-7q-91 0-180 7t-180 21q-17 88-24 177t-8 179v29q0 14 2 30q-29-5-57-12t-56-16q-1-8-1-15t0-16q0-84 6-167t20-165q-45 11-89 25t-88 31q-26 11-63 29t-74 42t-64 52t-35 59q-2 10-3 22t-1 23q0 5 4 16t7 16q15 29 42 54t59 46t65 37t63 28q74 30 156 50t166 34t169 18t164 6h37l-146-147l90-90l301 301l-301 301l-90-90l147-147q-73 0-152-3t-160-13t-164-24t-159-39t-149-56t-133-76m1158 679q115-38 214-104t178-155t131-195t77-226q-43 32-92 57t-100 45t-105 35t-105 26q-11 66-28 135t-41 135t-56 130t-73 117"/></svg>Video 360 Generic アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:video-360-generic" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:video-360-generic" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:video-360-generic" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--video-360-generic]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:video-360-generic"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:video-360-generic"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/video-360-generic.svg" alt="Video 360 Generic アイコン" width="24" height="24">Fluent UI MDL2 の関連アイコン
Video 360 Generic アイコン のよくある質問
Video 360 Generic アイコンは商用利用でも無料ですか?
はい。Fluent UI MDL2 icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Video 360 Generic アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-mdl2:video-360-generic" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Video 360 Generic アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/video-360-generic.svg" alt="Video 360 Generic アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。