mobile-loupe-outline-rounded from Material Symbols Light by Google · Outline Rounded · Hardware · Apache-2.0 Free for personal and commercial use.

Name
mobile-loupe-outline-rounded
Set
Material Symbols Light
Style
Outline Rounded
Category
Hardware
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

The same icon in other sets

More hardware icons from Material Symbols Light

Use the mobile loupe icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 21V3v5.14v-.025zm5.588-14.914q.22-.222.22-.549t-.222-.547t-.549-.22t-.548.22t-.22.55t.222.547t.549.22t.548-.22M7.625 22q-.68 0-1.153-.475Q6 21.052 6 20.386V3.615q0-.69.463-1.152T7.616 2h8.846q.666 0 1.14.475t.475 1.14v4.052q0 .205-.144.343t-.357.138t-.356-.144t-.143-.356V3.615q0-.269-.173-.442T16.46 3H7.616q-.27 0-.443.173T7 3.615v16.77q0 .269.173.442t.443.173h1.678q.213 0 .357.144t.143.357t-.143.356t-.357.143zm8.875.5q-2.517 0-4.283-1.774t-1.72-4.3q.046-2.408 1.783-4.146q1.738-1.737 4.147-1.784q2.525-.046 4.299 1.72T22.5 16.5v4.385q0 .666-.475 1.14t-1.14.475zm3.543-2.459q1.457-1.459 1.457-3.543t-1.459-3.541t-3.543-1.457t-3.541 1.459t-1.457 3.543t1.459 3.541t3.543 1.457t3.541-1.459m-3.985-3.099h-1.49q-.192 0-.318-.125q-.125-.125-.125-.316t.125-.317t.317-.126h1.49v-1.616q0-.191.126-.317q.125-.125.316-.125q.192 0 .317.125q.126.126.126.317v1.616h1.49q.192 0 .318.125q.125.125.125.316q0 .192-.125.317q-.126.126-.317.126h-1.49v1.616q0 .191-.126.317q-.125.125-.316.125t-.317-.125t-.126-.317z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightMobileLoupeOutlineRounded(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="M7 21V3v5.14v-.025zm5.588-14.914q.22-.222.22-.549t-.222-.547t-.549-.22t-.548.22t-.22.55t.222.547t.549.22t.548-.22M7.625 22q-.68 0-1.153-.475Q6 21.052 6 20.386V3.615q0-.69.463-1.152T7.616 2h8.846q.666 0 1.14.475t.475 1.14v4.052q0 .205-.144.343t-.357.138t-.356-.144t-.143-.356V3.615q0-.269-.173-.442T16.46 3H7.616q-.27 0-.443.173T7 3.615v16.77q0 .269.173.442t.443.173h1.678q.213 0 .357.144t.143.357t-.143.356t-.357.143zm8.875.5q-2.517 0-4.283-1.774t-1.72-4.3q.046-2.408 1.783-4.146q1.738-1.737 4.147-1.784q2.525-.046 4.299 1.72T22.5 16.5v4.385q0 .666-.475 1.14t-1.14.475zm3.543-2.459q1.457-1.459 1.457-3.543t-1.459-3.541t-3.543-1.457t-3.541 1.459t-1.457 3.543t1.459 3.541t3.543 1.457t3.541-1.459m-3.985-3.099h-1.49q-.192 0-.318-.125q-.125-.125-.125-.316t.125-.317t.317-.126h1.49v-1.616q0-.191.126-.317q.125-.125.316-.125q.192 0 .317.125q.126.126.126.317v1.616h1.49q.192 0 .318.125q.125.125.125.316q0 .192-.125.317q-.126.126-.317.126h-1.49v1.616q0 .191-.126.317q-.125.125-.316.125t-.317-.125t-.126-.317z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 21V3v5.14v-.025zm5.588-14.914q.22-.222.22-.549t-.222-.547t-.549-.22t-.548.22t-.22.55t.222.547t.549.22t.548-.22M7.625 22q-.68 0-1.153-.475Q6 21.052 6 20.386V3.615q0-.69.463-1.152T7.616 2h8.846q.666 0 1.14.475t.475 1.14v4.052q0 .205-.144.343t-.357.138t-.356-.144t-.143-.356V3.615q0-.269-.173-.442T16.46 3H7.616q-.27 0-.443.173T7 3.615v16.77q0 .269.173.442t.443.173h1.678q.213 0 .357.144t.143.357t-.143.356t-.357.143zm8.875.5q-2.517 0-4.283-1.774t-1.72-4.3q.046-2.408 1.783-4.146q1.738-1.737 4.147-1.784q2.525-.046 4.299 1.72T22.5 16.5v4.385q0 .666-.475 1.14t-1.14.475zm3.543-2.459q1.457-1.459 1.457-3.543t-1.459-3.541t-3.543-1.457t-3.541 1.459t-1.457 3.543t1.459 3.541t3.543 1.457t3.541-1.459m-3.985-3.099h-1.49q-.192 0-.318-.125q-.125-.125-.125-.316t.125-.317t.317-.126h1.49v-1.616q0-.191.126-.317q.125-.125.316-.125q.192 0 .317.125q.126.126.126.317v1.616h1.49q.192 0 .318.125q.125.125.125.316q0 .192-.125.317q-.126.126-.317.126h-1.49v1.616q0 .191-.126.317q-.125.125-.316.125t-.317-.125t-.126-.317z"/></svg>
</template>

CSS

.icon-mobile-loupe-outline-rounded {
  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%22M7%2021V3v5.14v-.025zm5.588-14.914q.22-.222.22-.549t-.222-.547t-.549-.22t-.548.22t-.22.55t.222.547t.549.22t.548-.22M7.625%2022q-.68%200-1.153-.475Q6%2021.052%206%2020.386V3.615q0-.69.463-1.152T7.616%202h8.846q.666%200%201.14.475t.475%201.14v4.052q0%20.205-.144.343t-.357.138t-.356-.144t-.143-.356V3.615q0-.269-.173-.442T16.46%203H7.616q-.27%200-.443.173T7%203.615v16.77q0%20.269.173.442t.443.173h1.678q.213%200%20.357.144t.143.357t-.143.356t-.357.143zm8.875.5q-2.517%200-4.283-1.774t-1.72-4.3q.046-2.408%201.783-4.146q1.738-1.737%204.147-1.784q2.525-.046%204.299%201.72T22.5%2016.5v4.385q0%20.666-.475%201.14t-1.14.475zm3.543-2.459q1.457-1.459%201.457-3.543t-1.459-3.541t-3.543-1.457t-3.541%201.459t-1.457%203.543t1.459%203.541t3.543%201.457t3.541-1.459m-3.985-3.099h-1.49q-.192%200-.318-.125q-.125-.125-.125-.316t.125-.317t.317-.126h1.49v-1.616q0-.191.126-.317q.125-.125.316-.125q.192%200%20.317.125q.126.126.126.317v1.616h1.49q.192%200%20.318.125q.125.125.125.316q0%20.192-.125.317q-.126.126-.317.126h-1.49v1.616q0%20.191-.126.317q-.125.125-.316.125t-.317-.125t-.126-.317z%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%22M7%2021V3v5.14v-.025zm5.588-14.914q.22-.222.22-.549t-.222-.547t-.549-.22t-.548.22t-.22.55t.222.547t.549.22t.548-.22M7.625%2022q-.68%200-1.153-.475Q6%2021.052%206%2020.386V3.615q0-.69.463-1.152T7.616%202h8.846q.666%200%201.14.475t.475%201.14v4.052q0%20.205-.144.343t-.357.138t-.356-.144t-.143-.356V3.615q0-.269-.173-.442T16.46%203H7.616q-.27%200-.443.173T7%203.615v16.77q0%20.269.173.442t.443.173h1.678q.213%200%20.357.144t.143.357t-.143.356t-.357.143zm8.875.5q-2.517%200-4.283-1.774t-1.72-4.3q.046-2.408%201.783-4.146q1.738-1.737%204.147-1.784q2.525-.046%204.299%201.72T22.5%2016.5v4.385q0%20.666-.475%201.14t-1.14.475zm3.543-2.459q1.457-1.459%201.457-3.543t-1.459-3.541t-3.543-1.457t-3.541%201.459t-1.457%203.543t1.459%203.541t3.543%201.457t3.541-1.459m-3.985-3.099h-1.49q-.192%200-.318-.125q-.125-.125-.125-.316t.125-.317t.317-.126h1.49v-1.616q0-.191.126-.317q.125-.125.316-.125q.192%200%20.317.125q.126.126.126.317v1.616h1.49q.192%200%20.318.125q.125.125.125.316q0%20.192-.125.317q-.126.126-.317.126h-1.49v1.616q0%20.191-.126.317q-.125.125-.316.125t-.317-.125t-.126-.317z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/mobile-loupe-outline-rounded.svg?color=%231a73e8&size=48