filmstrip globe icon
filmstrip-globe-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- filmstrip-globe-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the filmstrip globe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.97 18c-.04 1.415-.248 2.67-.553 3.585c-.171.513-.364.893-.554 1.134c-.194.246-.328.281-.386.281s-.19-.035-.385-.281c-.19-.241-.383-.62-.554-1.134c-.305-.916-.514-2.17-.554-3.585zm-3.986 0c.04 1.5.26 2.865.605 3.9c.107.323.23.622.368.887A5.505 5.505 0 0 1 12 18zm7.971 0a5.505 5.505 0 0 1-3.957 4.787c.138-.265.26-.564.368-.887c.345-1.035.565-2.4.605-3.9zM18.75 4A3.25 3.25 0 0 1 22 7.25v5.562a6.5 6.5 0 0 0-1.5-1.079V7.25a1.75 1.75 0 0 0-1.75-1.75H5.25A1.75 1.75 0 0 0 3.5 7.25v9.5c0 .966.784 1.75 1.75 1.75h5.827c.081.523.224 1.026.422 1.5H5.25A3.25 3.25 0 0 1 2 16.75v-9.5A3.25 3.25 0 0 1 5.25 4zm-13 11a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75m10.207-2.787c-.138.265-.26.565-.368.887c-.345 1.035-.565 2.4-.605 3.9H12a5.505 5.505 0 0 1 3.957-4.787m1.52-.213c.058 0 .192.035.386.281c.19.241.383.62.554 1.134c.305.916.514 2.17.554 3.585h-2.987c.04-1.415.249-2.67.554-3.585c.171-.513.364-.893.554-1.134c.194-.246.328-.281.386-.281m1.521.213A5.505 5.505 0 0 1 22.955 17h-2.984c-.04-1.5-.26-2.865-.605-3.9a6 6 0 0 0-.368-.887M5.75 11a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75m0-4a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5A.75.75 0 0 1 5.75 7m12.5 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75"/></svg>
React
import type { SVGProps } from "react";
export function FluentFilmstripGlobe24Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.97 18c-.04 1.415-.248 2.67-.553 3.585c-.171.513-.364.893-.554 1.134c-.194.246-.328.281-.386.281s-.19-.035-.385-.281c-.19-.241-.383-.62-.554-1.134c-.305-.916-.514-2.17-.554-3.585zm-3.986 0c.04 1.5.26 2.865.605 3.9c.107.323.23.622.368.887A5.505 5.505 0 0 1 12 18zm7.971 0a5.505 5.505 0 0 1-3.957 4.787c.138-.265.26-.564.368-.887c.345-1.035.565-2.4.605-3.9zM18.75 4A3.25 3.25 0 0 1 22 7.25v5.562a6.5 6.5 0 0 0-1.5-1.079V7.25a1.75 1.75 0 0 0-1.75-1.75H5.25A1.75 1.75 0 0 0 3.5 7.25v9.5c0 .966.784 1.75 1.75 1.75h5.827c.081.523.224 1.026.422 1.5H5.25A3.25 3.25 0 0 1 2 16.75v-9.5A3.25 3.25 0 0 1 5.25 4zm-13 11a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75m10.207-2.787c-.138.265-.26.565-.368.887c-.345 1.035-.565 2.4-.605 3.9H12a5.505 5.505 0 0 1 3.957-4.787m1.52-.213c.058 0 .192.035.386.281c.19.241.383.62.554 1.134c.305.916.514 2.17.554 3.585h-2.987c.04-1.415.249-2.67.554-3.585c.171-.513.364-.893.554-1.134c.194-.246.328-.281.386-.281m1.521.213A5.505 5.505 0 0 1 22.955 17h-2.984c-.04-1.5-.26-2.865-.605-3.9a6 6 0 0 0-.368-.887M5.75 11a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75m0-4a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5A.75.75 0 0 1 5.75 7m12.5 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.97 18c-.04 1.415-.248 2.67-.553 3.585c-.171.513-.364.893-.554 1.134c-.194.246-.328.281-.386.281s-.19-.035-.385-.281c-.19-.241-.383-.62-.554-1.134c-.305-.916-.514-2.17-.554-3.585zm-3.986 0c.04 1.5.26 2.865.605 3.9c.107.323.23.622.368.887A5.505 5.505 0 0 1 12 18zm7.971 0a5.505 5.505 0 0 1-3.957 4.787c.138-.265.26-.564.368-.887c.345-1.035.565-2.4.605-3.9zM18.75 4A3.25 3.25 0 0 1 22 7.25v5.562a6.5 6.5 0 0 0-1.5-1.079V7.25a1.75 1.75 0 0 0-1.75-1.75H5.25A1.75 1.75 0 0 0 3.5 7.25v9.5c0 .966.784 1.75 1.75 1.75h5.827c.081.523.224 1.026.422 1.5H5.25A3.25 3.25 0 0 1 2 16.75v-9.5A3.25 3.25 0 0 1 5.25 4zm-13 11a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75m10.207-2.787c-.138.265-.26.565-.368.887c-.345 1.035-.565 2.4-.605 3.9H12a5.505 5.505 0 0 1 3.957-4.787m1.52-.213c.058 0 .192.035.386.281c.19.241.383.62.554 1.134c.305.916.514 2.17.554 3.585h-2.987c.04-1.415.249-2.67.554-3.585c.171-.513.364-.893.554-1.134c.194-.246.328-.281.386-.281m1.521.213A5.505 5.505 0 0 1 22.955 17h-2.984c-.04-1.5-.26-2.865-.605-3.9a6 6 0 0 0-.368-.887M5.75 11a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75m0-4a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5A.75.75 0 0 1 5.75 7m12.5 0a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-1.5 0v-.5a.75.75 0 0 1 .75-.75"/></svg> </template>
CSS
.icon-filmstrip-globe-24-regular {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.97%2018c-.04%201.415-.248%202.67-.553%203.585c-.171.513-.364.893-.554%201.134c-.194.246-.328.281-.386.281s-.19-.035-.385-.281c-.19-.241-.383-.62-.554-1.134c-.305-.916-.514-2.17-.554-3.585zm-3.986%200c.04%201.5.26%202.865.605%203.9c.107.323.23.622.368.887A5.505%205.505%200%200%201%2012%2018zm7.971%200a5.505%205.505%200%200%201-3.957%204.787c.138-.265.26-.564.368-.887c.345-1.035.565-2.4.605-3.9zM18.75%204A3.25%203.25%200%200%201%2022%207.25v5.562a6.5%206.5%200%200%200-1.5-1.079V7.25a1.75%201.75%200%200%200-1.75-1.75H5.25A1.75%201.75%200%200%200%203.5%207.25v9.5c0%20.966.784%201.75%201.75%201.75h5.827c.081.523.224%201.026.422%201.5H5.25A3.25%203.25%200%200%201%202%2016.75v-9.5A3.25%203.25%200%200%201%205.25%204zm-13%2011a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200v-.5a.75.75%200%200%201%20.75-.75m10.207-2.787c-.138.265-.26.565-.368.887c-.345%201.035-.565%202.4-.605%203.9H12a5.505%205.505%200%200%201%203.957-4.787m1.52-.213c.058%200%20.192.035.386.281c.19.241.383.62.554%201.134c.305.916.514%202.17.554%203.585h-2.987c.04-1.415.249-2.67.554-3.585c.171-.513.364-.893.554-1.134c.194-.246.328-.281.386-.281m1.521.213A5.505%205.505%200%200%201%2022.955%2017h-2.984c-.04-1.5-.26-2.865-.605-3.9a6%206%200%200%200-.368-.887M5.75%2011a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200v-.5a.75.75%200%200%201%20.75-.75m0-4a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200v-.5A.75.75%200%200%201%205.75%207m12.5%200a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200v-.5a.75.75%200%200%201%20.75-.75%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.97%2018c-.04%201.415-.248%202.67-.553%203.585c-.171.513-.364.893-.554%201.134c-.194.246-.328.281-.386.281s-.19-.035-.385-.281c-.19-.241-.383-.62-.554-1.134c-.305-.916-.514-2.17-.554-3.585zm-3.986%200c.04%201.5.26%202.865.605%203.9c.107.323.23.622.368.887A5.505%205.505%200%200%201%2012%2018zm7.971%200a5.505%205.505%200%200%201-3.957%204.787c.138-.265.26-.564.368-.887c.345-1.035.565-2.4.605-3.9zM18.75%204A3.25%203.25%200%200%201%2022%207.25v5.562a6.5%206.5%200%200%200-1.5-1.079V7.25a1.75%201.75%200%200%200-1.75-1.75H5.25A1.75%201.75%200%200%200%203.5%207.25v9.5c0%20.966.784%201.75%201.75%201.75h5.827c.081.523.224%201.026.422%201.5H5.25A3.25%203.25%200%200%201%202%2016.75v-9.5A3.25%203.25%200%200%201%205.25%204zm-13%2011a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200v-.5a.75.75%200%200%201%20.75-.75m10.207-2.787c-.138.265-.26.565-.368.887c-.345%201.035-.565%202.4-.605%203.9H12a5.505%205.505%200%200%201%203.957-4.787m1.52-.213c.058%200%20.192.035.386.281c.19.241.383.62.554%201.134c.305.916.514%202.17.554%203.585h-2.987c.04-1.415.249-2.67.554-3.585c.171-.513.364-.893.554-1.134c.194-.246.328-.281.386-.281m1.521.213A5.505%205.505%200%200%201%2022.955%2017h-2.984c-.04-1.5-.26-2.865-.605-3.9a6%206%200%200%200-.368-.887M5.75%2011a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200v-.5a.75.75%200%200%201%20.75-.75m0-4a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200v-.5A.75.75%200%200%201%205.75%207m12.5%200a.75.75%200%200%201%20.75.75v.5a.75.75%200%200%201-1.5%200v-.5a.75.75%200%200%201%20.75-.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/filmstrip-globe-24-regular.svg?color=%231a73e8&size=48
