globe off icon
globe-off-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- globe-off-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
13 other variants in Fluent UI System Icons
The same icon in other sets
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-person-20-filledglobe-prohibited-16-filledglobe-search-20-filledglobe-shield-20-filledglobe-stand-20-filledglobe-star-16-filledglobe-surface-20-filledglobe-sync-16-filledglobe-video-20-filledglobe-warning-16-filled
Use the globe off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.417 5.478L2.22 3.28a.75.75 0 1 1 1.06-1.06l18.5 18.5a.75.75 0 0 1-1.06 1.06l-2.198-2.197A9.96 9.96 0 0 1 12 22.003C6.476 22.002 1.998 17.523 1.998 12c0-2.493.912-4.772 2.42-6.523m13.04 13.04l-1.191-1.191c-.302.991-.69 1.867-1.147 2.584a8.5 8.5 0 0 0 2.339-1.392m-3.517-3.517L8.94 10h-.337a19 19 0 0 0 .135 5zM7.32 8.38L5.48 6.542A8.5 8.5 0 0 0 4.25 8.5h3.048zm1.74 8.12c.653 2.413 1.786 4.001 2.94 4.001s2.287-1.588 2.938-4.002zm-1.552 0H4.785a8.53 8.53 0 0 0 4.095 3.41c-.523-.82-.954-1.846-1.27-3.015zM7.093 10H3.735l-.004.017a8.5 8.5 0 0 0-.233 1.984c0 1.056.193 2.067.545 3h3.173a20 20 0 0 1-.218-3c0-.684.033-1.354.095-2.001m1.788-5.91a9 9 0 0 0-.566 1.043l1.144 1.144c.637-1.643 1.52-2.69 2.425-2.773L12 3.5l.126.006c1.261.126 2.479 2.125 3.045 4.995h-3.489l1.5 1.5h2.214a19 19 0 0 1 .103 2.317l1.43 1.43A21 21 0 0 0 16.906 10l3.358-.001c.155.642.237 1.312.237 2.002a8.5 8.5 0 0 1-.544 3h-1.775l2.3 2.3a9.96 9.96 0 0 0 1.52-5.3c0-5.524-4.479-10.002-10.002-10.002a9.96 9.96 0 0 0-5.3 1.518l1.093 1.094q.51-.292 1.065-.513zm6.239 0l.29.121a8.53 8.53 0 0 1 4.34 4.29H16.7c-.297-1.665-.805-3.125-1.475-4.237z"/></svg>
React
import type { SVGProps } from "react";
export function FluentGlobeOff24Regular(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="M4.417 5.478L2.22 3.28a.75.75 0 1 1 1.06-1.06l18.5 18.5a.75.75 0 0 1-1.06 1.06l-2.198-2.197A9.96 9.96 0 0 1 12 22.003C6.476 22.002 1.998 17.523 1.998 12c0-2.493.912-4.772 2.42-6.523m13.04 13.04l-1.191-1.191c-.302.991-.69 1.867-1.147 2.584a8.5 8.5 0 0 0 2.339-1.392m-3.517-3.517L8.94 10h-.337a19 19 0 0 0 .135 5zM7.32 8.38L5.48 6.542A8.5 8.5 0 0 0 4.25 8.5h3.048zm1.74 8.12c.653 2.413 1.786 4.001 2.94 4.001s2.287-1.588 2.938-4.002zm-1.552 0H4.785a8.53 8.53 0 0 0 4.095 3.41c-.523-.82-.954-1.846-1.27-3.015zM7.093 10H3.735l-.004.017a8.5 8.5 0 0 0-.233 1.984c0 1.056.193 2.067.545 3h3.173a20 20 0 0 1-.218-3c0-.684.033-1.354.095-2.001m1.788-5.91a9 9 0 0 0-.566 1.043l1.144 1.144c.637-1.643 1.52-2.69 2.425-2.773L12 3.5l.126.006c1.261.126 2.479 2.125 3.045 4.995h-3.489l1.5 1.5h2.214a19 19 0 0 1 .103 2.317l1.43 1.43A21 21 0 0 0 16.906 10l3.358-.001c.155.642.237 1.312.237 2.002a8.5 8.5 0 0 1-.544 3h-1.775l2.3 2.3a9.96 9.96 0 0 0 1.52-5.3c0-5.524-4.479-10.002-10.002-10.002a9.96 9.96 0 0 0-5.3 1.518l1.093 1.094q.51-.292 1.065-.513zm6.239 0l.29.121a8.53 8.53 0 0 1 4.34 4.29H16.7c-.297-1.665-.805-3.125-1.475-4.237z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.417 5.478L2.22 3.28a.75.75 0 1 1 1.06-1.06l18.5 18.5a.75.75 0 0 1-1.06 1.06l-2.198-2.197A9.96 9.96 0 0 1 12 22.003C6.476 22.002 1.998 17.523 1.998 12c0-2.493.912-4.772 2.42-6.523m13.04 13.04l-1.191-1.191c-.302.991-.69 1.867-1.147 2.584a8.5 8.5 0 0 0 2.339-1.392m-3.517-3.517L8.94 10h-.337a19 19 0 0 0 .135 5zM7.32 8.38L5.48 6.542A8.5 8.5 0 0 0 4.25 8.5h3.048zm1.74 8.12c.653 2.413 1.786 4.001 2.94 4.001s2.287-1.588 2.938-4.002zm-1.552 0H4.785a8.53 8.53 0 0 0 4.095 3.41c-.523-.82-.954-1.846-1.27-3.015zM7.093 10H3.735l-.004.017a8.5 8.5 0 0 0-.233 1.984c0 1.056.193 2.067.545 3h3.173a20 20 0 0 1-.218-3c0-.684.033-1.354.095-2.001m1.788-5.91a9 9 0 0 0-.566 1.043l1.144 1.144c.637-1.643 1.52-2.69 2.425-2.773L12 3.5l.126.006c1.261.126 2.479 2.125 3.045 4.995h-3.489l1.5 1.5h2.214a19 19 0 0 1 .103 2.317l1.43 1.43A21 21 0 0 0 16.906 10l3.358-.001c.155.642.237 1.312.237 2.002a8.5 8.5 0 0 1-.544 3h-1.775l2.3 2.3a9.96 9.96 0 0 0 1.52-5.3c0-5.524-4.479-10.002-10.002-10.002a9.96 9.96 0 0 0-5.3 1.518l1.093 1.094q.51-.292 1.065-.513zm6.239 0l.29.121a8.53 8.53 0 0 1 4.34 4.29H16.7c-.297-1.665-.805-3.125-1.475-4.237z"/></svg> </template>
CSS
.icon-globe-off-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%22M4.417%205.478L2.22%203.28a.75.75%200%201%201%201.06-1.06l18.5%2018.5a.75.75%200%200%201-1.06%201.06l-2.198-2.197A9.96%209.96%200%200%201%2012%2022.003C6.476%2022.002%201.998%2017.523%201.998%2012c0-2.493.912-4.772%202.42-6.523m13.04%2013.04l-1.191-1.191c-.302.991-.69%201.867-1.147%202.584a8.5%208.5%200%200%200%202.339-1.392m-3.517-3.517L8.94%2010h-.337a19%2019%200%200%200%20.135%205zM7.32%208.38L5.48%206.542A8.5%208.5%200%200%200%204.25%208.5h3.048zm1.74%208.12c.653%202.413%201.786%204.001%202.94%204.001s2.287-1.588%202.938-4.002zm-1.552%200H4.785a8.53%208.53%200%200%200%204.095%203.41c-.523-.82-.954-1.846-1.27-3.015zM7.093%2010H3.735l-.004.017a8.5%208.5%200%200%200-.233%201.984c0%201.056.193%202.067.545%203h3.173a20%2020%200%200%201-.218-3c0-.684.033-1.354.095-2.001m1.788-5.91a9%209%200%200%200-.566%201.043l1.144%201.144c.637-1.643%201.52-2.69%202.425-2.773L12%203.5l.126.006c1.261.126%202.479%202.125%203.045%204.995h-3.489l1.5%201.5h2.214a19%2019%200%200%201%20.103%202.317l1.43%201.43A21%2021%200%200%200%2016.906%2010l3.358-.001c.155.642.237%201.312.237%202.002a8.5%208.5%200%200%201-.544%203h-1.775l2.3%202.3a9.96%209.96%200%200%200%201.52-5.3c0-5.524-4.479-10.002-10.002-10.002a9.96%209.96%200%200%200-5.3%201.518l1.093%201.094q.51-.292%201.065-.513zm6.239%200l.29.121a8.53%208.53%200%200%201%204.34%204.29H16.7c-.297-1.665-.805-3.125-1.475-4.237z%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%22M4.417%205.478L2.22%203.28a.75.75%200%201%201%201.06-1.06l18.5%2018.5a.75.75%200%200%201-1.06%201.06l-2.198-2.197A9.96%209.96%200%200%201%2012%2022.003C6.476%2022.002%201.998%2017.523%201.998%2012c0-2.493.912-4.772%202.42-6.523m13.04%2013.04l-1.191-1.191c-.302.991-.69%201.867-1.147%202.584a8.5%208.5%200%200%200%202.339-1.392m-3.517-3.517L8.94%2010h-.337a19%2019%200%200%200%20.135%205zM7.32%208.38L5.48%206.542A8.5%208.5%200%200%200%204.25%208.5h3.048zm1.74%208.12c.653%202.413%201.786%204.001%202.94%204.001s2.287-1.588%202.938-4.002zm-1.552%200H4.785a8.53%208.53%200%200%200%204.095%203.41c-.523-.82-.954-1.846-1.27-3.015zM7.093%2010H3.735l-.004.017a8.5%208.5%200%200%200-.233%201.984c0%201.056.193%202.067.545%203h3.173a20%2020%200%200%201-.218-3c0-.684.033-1.354.095-2.001m1.788-5.91a9%209%200%200%200-.566%201.043l1.144%201.144c.637-1.643%201.52-2.69%202.425-2.773L12%203.5l.126.006c1.261.126%202.479%202.125%203.045%204.995h-3.489l1.5%201.5h2.214a19%2019%200%200%201%20.103%202.317l1.43%201.43A21%2021%200%200%200%2016.906%2010l3.358-.001c.155.642.237%201.312.237%202.002a8.5%208.5%200%200%201-.544%203h-1.775l2.3%202.3a9.96%209.96%200%200%200%201.52-5.3c0-5.524-4.479-10.002-10.002-10.002a9.96%209.96%200%200%200-5.3%201.518l1.093%201.094q.51-.292%201.065-.513zm6.239%200l.29.121a8.53%208.53%200%200%201%204.34%204.29H16.7c-.297-1.665-.805-3.125-1.475-4.237z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-off-24-regular.svg?color=%231a73e8&size=48
