globe search icon

globe-search-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.

Name
globe-search-24-regular
Set
Fluent UI System Icons
Style
24 Regular
Viewbox
24×24
License
MIT

3 other variants in Fluent UI System Icons

globe-search-20-filledglobe-search-20-regularglobe-search-24-filled

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-shield-20-filledglobe-stand-20-filledglobe-star-16-filledglobe-surface-20-filledglobe-sync-16-filledglobe-video-20-filledglobe-warning-16-filled

Use the globe search icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.441 9.955a4.926 4.926 0 0 0 6.233 7.571l4.256 4.257a.773.773 0 0 0 1.169-1.007l-.075-.087l-4.217-4.218A4.927 4.927 0 0 0 3.44 9.955m8.585-7.957c-4.756 0-8.736 3.319-9.751 7.767q.21-.27.46-.517A5.9 5.9 0 0 1 4.51 8.025A8.53 8.53 0 0 1 8.906 4.09l-.107.174c-.538.893-.971 2.011-1.275 3.28c.499.05.991.164 1.465.34c.632-2.628 1.823-4.385 3.037-4.385l.115.005c1.266.116 2.488 2.118 3.056 4.996H10.2a6 6 0 0 1 1.55 1.499l3.674.001a19 19 0 0 1-.135 5h-2.646a6 6 0 0 1-.299.842l-.129.272l-.122.229l.158.157h2.715c-.203.749-.45 1.418-.732 1.985l1.106 1.107c.492-.858.891-1.908 1.178-3.09l2.723-.002a8.54 8.54 0 0 1-3.734 3.26l.225.223l.125.14c.22.296.345.625.378.953A10 10 0 0 0 22.027 12c0-5.524-4.478-10.002-10.001-10.002m-2.712 9.05a3.38 3.38 0 1 1-4.78 4.78a3.38 3.38 0 0 1 4.78-4.78M16.932 10l3.358-.001l.008.03c.15.633.23 1.292.23 1.97a8.5 8.5 0 0 1-.545 3l-3.174.002c.143-.95.218-1.958.218-3.001q0-1.028-.095-2m-1.787-5.911l.023.008A8.53 8.53 0 0 1 19.776 8.5h-3.049c-.313-1.753-.86-3.278-1.582-4.41"/></svg>

React

import type { SVGProps } from "react";

export function FluentGlobeSearch24Regular(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="M3.441 9.955a4.926 4.926 0 0 0 6.233 7.571l4.256 4.257a.773.773 0 0 0 1.169-1.007l-.075-.087l-4.217-4.218A4.927 4.927 0 0 0 3.44 9.955m8.585-7.957c-4.756 0-8.736 3.319-9.751 7.767q.21-.27.46-.517A5.9 5.9 0 0 1 4.51 8.025A8.53 8.53 0 0 1 8.906 4.09l-.107.174c-.538.893-.971 2.011-1.275 3.28c.499.05.991.164 1.465.34c.632-2.628 1.823-4.385 3.037-4.385l.115.005c1.266.116 2.488 2.118 3.056 4.996H10.2a6 6 0 0 1 1.55 1.499l3.674.001a19 19 0 0 1-.135 5h-2.646a6 6 0 0 1-.299.842l-.129.272l-.122.229l.158.157h2.715c-.203.749-.45 1.418-.732 1.985l1.106 1.107c.492-.858.891-1.908 1.178-3.09l2.723-.002a8.54 8.54 0 0 1-3.734 3.26l.225.223l.125.14c.22.296.345.625.378.953A10 10 0 0 0 22.027 12c0-5.524-4.478-10.002-10.001-10.002m-2.712 9.05a3.38 3.38 0 1 1-4.78 4.78a3.38 3.38 0 0 1 4.78-4.78M16.932 10l3.358-.001l.008.03c.15.633.23 1.292.23 1.97a8.5 8.5 0 0 1-.545 3l-3.174.002c.143-.95.218-1.958.218-3.001q0-1.028-.095-2m-1.787-5.911l.023.008A8.53 8.53 0 0 1 19.776 8.5h-3.049c-.313-1.753-.86-3.278-1.582-4.41"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.441 9.955a4.926 4.926 0 0 0 6.233 7.571l4.256 4.257a.773.773 0 0 0 1.169-1.007l-.075-.087l-4.217-4.218A4.927 4.927 0 0 0 3.44 9.955m8.585-7.957c-4.756 0-8.736 3.319-9.751 7.767q.21-.27.46-.517A5.9 5.9 0 0 1 4.51 8.025A8.53 8.53 0 0 1 8.906 4.09l-.107.174c-.538.893-.971 2.011-1.275 3.28c.499.05.991.164 1.465.34c.632-2.628 1.823-4.385 3.037-4.385l.115.005c1.266.116 2.488 2.118 3.056 4.996H10.2a6 6 0 0 1 1.55 1.499l3.674.001a19 19 0 0 1-.135 5h-2.646a6 6 0 0 1-.299.842l-.129.272l-.122.229l.158.157h2.715c-.203.749-.45 1.418-.732 1.985l1.106 1.107c.492-.858.891-1.908 1.178-3.09l2.723-.002a8.54 8.54 0 0 1-3.734 3.26l.225.223l.125.14c.22.296.345.625.378.953A10 10 0 0 0 22.027 12c0-5.524-4.478-10.002-10.001-10.002m-2.712 9.05a3.38 3.38 0 1 1-4.78 4.78a3.38 3.38 0 0 1 4.78-4.78M16.932 10l3.358-.001l.008.03c.15.633.23 1.292.23 1.97a8.5 8.5 0 0 1-.545 3l-3.174.002c.143-.95.218-1.958.218-3.001q0-1.028-.095-2m-1.787-5.911l.023.008A8.53 8.53 0 0 1 19.776 8.5h-3.049c-.313-1.753-.86-3.278-1.582-4.41"/></svg>
</template>

CSS

.icon-globe-search-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%22M3.441%209.955a4.926%204.926%200%200%200%206.233%207.571l4.256%204.257a.773.773%200%200%200%201.169-1.007l-.075-.087l-4.217-4.218A4.927%204.927%200%200%200%203.44%209.955m8.585-7.957c-4.756%200-8.736%203.319-9.751%207.767q.21-.27.46-.517A5.9%205.9%200%200%201%204.51%208.025A8.53%208.53%200%200%201%208.906%204.09l-.107.174c-.538.893-.971%202.011-1.275%203.28c.499.05.991.164%201.465.34c.632-2.628%201.823-4.385%203.037-4.385l.115.005c1.266.116%202.488%202.118%203.056%204.996H10.2a6%206%200%200%201%201.55%201.499l3.674.001a19%2019%200%200%201-.135%205h-2.646a6%206%200%200%201-.299.842l-.129.272l-.122.229l.158.157h2.715c-.203.749-.45%201.418-.732%201.985l1.106%201.107c.492-.858.891-1.908%201.178-3.09l2.723-.002a8.54%208.54%200%200%201-3.734%203.26l.225.223l.125.14c.22.296.345.625.378.953A10%2010%200%200%200%2022.027%2012c0-5.524-4.478-10.002-10.001-10.002m-2.712%209.05a3.38%203.38%200%201%201-4.78%204.78a3.38%203.38%200%200%201%204.78-4.78M16.932%2010l3.358-.001l.008.03c.15.633.23%201.292.23%201.97a8.5%208.5%200%200%201-.545%203l-3.174.002c.143-.95.218-1.958.218-3.001q0-1.028-.095-2m-1.787-5.911l.023.008A8.53%208.53%200%200%201%2019.776%208.5h-3.049c-.313-1.753-.86-3.278-1.582-4.41%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%22M3.441%209.955a4.926%204.926%200%200%200%206.233%207.571l4.256%204.257a.773.773%200%200%200%201.169-1.007l-.075-.087l-4.217-4.218A4.927%204.927%200%200%200%203.44%209.955m8.585-7.957c-4.756%200-8.736%203.319-9.751%207.767q.21-.27.46-.517A5.9%205.9%200%200%201%204.51%208.025A8.53%208.53%200%200%201%208.906%204.09l-.107.174c-.538.893-.971%202.011-1.275%203.28c.499.05.991.164%201.465.34c.632-2.628%201.823-4.385%203.037-4.385l.115.005c1.266.116%202.488%202.118%203.056%204.996H10.2a6%206%200%200%201%201.55%201.499l3.674.001a19%2019%200%200%201-.135%205h-2.646a6%206%200%200%201-.299.842l-.129.272l-.122.229l.158.157h2.715c-.203.749-.45%201.418-.732%201.985l1.106%201.107c.492-.858.891-1.908%201.178-3.09l2.723-.002a8.54%208.54%200%200%201-3.734%203.26l.225.223l.125.14c.22.296.345.625.378.953A10%2010%200%200%200%2022.027%2012c0-5.524-4.478-10.002-10.001-10.002m-2.712%209.05a3.38%203.38%200%201%201-4.78%204.78a3.38%203.38%200%200%201%204.78-4.78M16.932%2010l3.358-.001l.008.03c.15.633.23%201.292.23%201.97a8.5%208.5%200%200%201-.545%203l-3.174.002c.143-.95.218-1.958.218-3.001q0-1.028-.095-2m-1.787-5.911l.023.008A8.53%208.53%200%200%201%2019.776%208.5h-3.049c-.313-1.753-.86-3.278-1.582-4.41%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-search-24-regular.svg?color=%231a73e8&size=48