globe video icon
globe-video-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- globe-video-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
globe-add-20-filledglobe-arrow-forward-16-filledglobe-arrow-up-16-filledglobe-clock-16-filledglobe-desktop-20-filledglobe-error-16-filledglobe-location-20-filledglobe-off-12-filledglobe-person-20-filledglobe-prohibited-16-filledglobe-search-20-filledglobe-shield-20-filledglobe-stand-20-filledglobe-star-16-filledglobe-surface-20-filledglobe-sync-16-filledglobe-warning-16-filled
Use the globe video icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9.5 14q.001-1.289.103-2.5h8.794a30 30 0 0 1 .087 3.5H16a3 3 0 0 0-3 3v.5H9.846A28.6 28.6 0 0 1 9.5 14m15.279 2.417a2 2 0 0 1 1.054-.413a12.1 12.1 0 0 0-.094-4.504h-5.837a32 32 0 0 1 .082 3.5H21a3 3 0 0 1 2.868 2.117zM13 25v-5h-2.865c.23 1.011.517 1.93.846 2.73c.453 1.1.973 1.94 1.513 2.495q.302.309.591.488A3 3 0 0 1 13 25m-4.672-6.5a31.5 31.5 0 0 1-.23-7H2.261A12 12 0 0 0 2 14c0 1.591.31 3.11.872 4.5zM3.605 20H8.6c.259 1.217.595 2.33.995 3.301c.357.866.771 1.638 1.242 2.277A12.03 12.03 0 0 1 3.606 20M17.02 5.27c.536 1.301.956 2.914 1.21 4.73H9.771c.254-1.816.674-3.429 1.21-4.73c.453-1.1.973-1.94 1.513-2.495C13.03 2.223 13.54 2 14 2s.969.223 1.506.775c.54.554 1.06 1.395 1.513 2.495M19.743 10h5.574a12.03 12.03 0 0 0-8.153-7.578c.47.639.885 1.411 1.242 2.277c.61 1.483 1.072 3.293 1.337 5.301m-17.06 0h5.574c.265-2.008.727-3.818 1.337-5.301c.357-.866.771-1.638 1.242-2.277A12.03 12.03 0 0 0 2.683 10M14 18a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v1.046l2.388-1.837a1 1 0 0 1 1.61.793V25a1 1 0 0 1-1.61.792L23 23.956V25a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2z"/></svg>
React
import type { SVGProps } from "react";
export function FluentGlobeVideo28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9.5 14q.001-1.289.103-2.5h8.794a30 30 0 0 1 .087 3.5H16a3 3 0 0 0-3 3v.5H9.846A28.6 28.6 0 0 1 9.5 14m15.279 2.417a2 2 0 0 1 1.054-.413a12.1 12.1 0 0 0-.094-4.504h-5.837a32 32 0 0 1 .082 3.5H21a3 3 0 0 1 2.868 2.117zM13 25v-5h-2.865c.23 1.011.517 1.93.846 2.73c.453 1.1.973 1.94 1.513 2.495q.302.309.591.488A3 3 0 0 1 13 25m-4.672-6.5a31.5 31.5 0 0 1-.23-7H2.261A12 12 0 0 0 2 14c0 1.591.31 3.11.872 4.5zM3.605 20H8.6c.259 1.217.595 2.33.995 3.301c.357.866.771 1.638 1.242 2.277A12.03 12.03 0 0 1 3.606 20M17.02 5.27c.536 1.301.956 2.914 1.21 4.73H9.771c.254-1.816.674-3.429 1.21-4.73c.453-1.1.973-1.94 1.513-2.495C13.03 2.223 13.54 2 14 2s.969.223 1.506.775c.54.554 1.06 1.395 1.513 2.495M19.743 10h5.574a12.03 12.03 0 0 0-8.153-7.578c.47.639.885 1.411 1.242 2.277c.61 1.483 1.072 3.293 1.337 5.301m-17.06 0h5.574c.265-2.008.727-3.818 1.337-5.301c.357-.866.771-1.638 1.242-2.277A12.03 12.03 0 0 0 2.683 10M14 18a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v1.046l2.388-1.837a1 1 0 0 1 1.61.793V25a1 1 0 0 1-1.61.792L23 23.956V25a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M9.5 14q.001-1.289.103-2.5h8.794a30 30 0 0 1 .087 3.5H16a3 3 0 0 0-3 3v.5H9.846A28.6 28.6 0 0 1 9.5 14m15.279 2.417a2 2 0 0 1 1.054-.413a12.1 12.1 0 0 0-.094-4.504h-5.837a32 32 0 0 1 .082 3.5H21a3 3 0 0 1 2.868 2.117zM13 25v-5h-2.865c.23 1.011.517 1.93.846 2.73c.453 1.1.973 1.94 1.513 2.495q.302.309.591.488A3 3 0 0 1 13 25m-4.672-6.5a31.5 31.5 0 0 1-.23-7H2.261A12 12 0 0 0 2 14c0 1.591.31 3.11.872 4.5zM3.605 20H8.6c.259 1.217.595 2.33.995 3.301c.357.866.771 1.638 1.242 2.277A12.03 12.03 0 0 1 3.606 20M17.02 5.27c.536 1.301.956 2.914 1.21 4.73H9.771c.254-1.816.674-3.429 1.21-4.73c.453-1.1.973-1.94 1.513-2.495C13.03 2.223 13.54 2 14 2s.969.223 1.506.775c.54.554 1.06 1.395 1.513 2.495M19.743 10h5.574a12.03 12.03 0 0 0-8.153-7.578c.47.639.885 1.411 1.242 2.277c.61 1.483 1.072 3.293 1.337 5.301m-17.06 0h5.574c.265-2.008.727-3.818 1.337-5.301c.357-.866.771-1.638 1.242-2.277A12.03 12.03 0 0 0 2.683 10M14 18a2 2 0 0 1 2-2h5a2 2 0 0 1 2 2v1.046l2.388-1.837a1 1 0 0 1 1.61.793V25a1 1 0 0 1-1.61.792L23 23.956V25a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2z"/></svg> </template>
CSS
.icon-globe-video-28-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2014q.001-1.289.103-2.5h8.794a30%2030%200%200%201%20.087%203.5H16a3%203%200%200%200-3%203v.5H9.846A28.6%2028.6%200%200%201%209.5%2014m15.279%202.417a2%202%200%200%201%201.054-.413a12.1%2012.1%200%200%200-.094-4.504h-5.837a32%2032%200%200%201%20.082%203.5H21a3%203%200%200%201%202.868%202.117zM13%2025v-5h-2.865c.23%201.011.517%201.93.846%202.73c.453%201.1.973%201.94%201.513%202.495q.302.309.591.488A3%203%200%200%201%2013%2025m-4.672-6.5a31.5%2031.5%200%200%201-.23-7H2.261A12%2012%200%200%200%202%2014c0%201.591.31%203.11.872%204.5zM3.605%2020H8.6c.259%201.217.595%202.33.995%203.301c.357.866.771%201.638%201.242%202.277A12.03%2012.03%200%200%201%203.606%2020M17.02%205.27c.536%201.301.956%202.914%201.21%204.73H9.771c.254-1.816.674-3.429%201.21-4.73c.453-1.1.973-1.94%201.513-2.495C13.03%202.223%2013.54%202%2014%202s.969.223%201.506.775c.54.554%201.06%201.395%201.513%202.495M19.743%2010h5.574a12.03%2012.03%200%200%200-8.153-7.578c.47.639.885%201.411%201.242%202.277c.61%201.483%201.072%203.293%201.337%205.301m-17.06%200h5.574c.265-2.008.727-3.818%201.337-5.301c.357-.866.771-1.638%201.242-2.277A12.03%2012.03%200%200%200%202.683%2010M14%2018a2%202%200%200%201%202-2h5a2%202%200%200%201%202%202v1.046l2.388-1.837a1%201%200%200%201%201.61.793V25a1%201%200%200%201-1.61.792L23%2023.956V25a2%202%200%200%201-2%202h-5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2014q.001-1.289.103-2.5h8.794a30%2030%200%200%201%20.087%203.5H16a3%203%200%200%200-3%203v.5H9.846A28.6%2028.6%200%200%201%209.5%2014m15.279%202.417a2%202%200%200%201%201.054-.413a12.1%2012.1%200%200%200-.094-4.504h-5.837a32%2032%200%200%201%20.082%203.5H21a3%203%200%200%201%202.868%202.117zM13%2025v-5h-2.865c.23%201.011.517%201.93.846%202.73c.453%201.1.973%201.94%201.513%202.495q.302.309.591.488A3%203%200%200%201%2013%2025m-4.672-6.5a31.5%2031.5%200%200%201-.23-7H2.261A12%2012%200%200%200%202%2014c0%201.591.31%203.11.872%204.5zM3.605%2020H8.6c.259%201.217.595%202.33.995%203.301c.357.866.771%201.638%201.242%202.277A12.03%2012.03%200%200%201%203.606%2020M17.02%205.27c.536%201.301.956%202.914%201.21%204.73H9.771c.254-1.816.674-3.429%201.21-4.73c.453-1.1.973-1.94%201.513-2.495C13.03%202.223%2013.54%202%2014%202s.969.223%201.506.775c.54.554%201.06%201.395%201.513%202.495M19.743%2010h5.574a12.03%2012.03%200%200%200-8.153-7.578c.47.639.885%201.411%201.242%202.277c.61%201.483%201.072%203.293%201.337%205.301m-17.06%200h5.574c.265-2.008.727-3.818%201.337-5.301c.357-.866.771-1.638%201.242-2.277A12.03%2012.03%200%200%200%202.683%2010M14%2018a2%202%200%200%201%202-2h5a2%202%200%200%201%202%202v1.046l2.388-1.837a1%201%200%200%201%201.61.793V25a1%201%200%200%201-1.61.792L23%2023.956V25a2%202%200%200%201-2%202h-5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-video-28-filled.svg?color=%231a73e8&size=48
