Video 360 Generic icon
fluent-mdl2:video-360-generic
The Video 360 Generic icon (fluent-mdl2:video-360-generic) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- videogeneric
SVG code
<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>How to use the Video 360 Generic icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/video-360-generic.svg" alt="Video 360 Generic icon" width="24" height="24">Related icons in Fluent UI MDL2
Video 360 Generic icon FAQ
Is the Video 360 Generic icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Video 360 Generic icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:video-360-generic" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Video 360 Generic icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/video-360-generic.svg" alt="Video 360 Generic icon">, or paste the SVG code inline to style it with CSS.