panoramas icon

panoramas-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name
panoramas-fill
Set
MingCute Icon
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

panoramas-line

Use the panoramas icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 6.81c0-1.12 1.15-1.806 2.119-1.408C5.437 5.945 8.465 7 12 7s6.563-1.055 7.881-1.598C20.85 5.004 22 5.69 22 6.81v10.382c0 1.12-1.15 1.805-2.119 1.407C18.563 18.056 15.535 17 12 17s-6.563 1.056-7.881 1.598C3.15 18.996 2 18.31 2 17.19z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function MingcutePanoramasFill(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" fillRule="evenodd" d="M2 6.81c0-1.12 1.15-1.806 2.119-1.408C5.437 5.945 8.465 7 12 7s6.563-1.055 7.881-1.598C20.85 5.004 22 5.69 22 6.81v10.382c0 1.12-1.15 1.805-2.119 1.407C18.563 18.056 15.535 17 12 17s-6.563 1.056-7.881 1.598C3.15 18.996 2 18.31 2 17.19z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 6.81c0-1.12 1.15-1.806 2.119-1.408C5.437 5.945 8.465 7 12 7s6.563-1.055 7.881-1.598C20.85 5.004 22 5.69 22 6.81v10.382c0 1.12-1.15 1.805-2.119 1.407C18.563 18.056 15.535 17 12 17s-6.563 1.056-7.881 1.598C3.15 18.996 2 18.31 2 17.19z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-panoramas-fill {
  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%20fill-rule%3D%22evenodd%22%20d%3D%22M2%206.81c0-1.12%201.15-1.806%202.119-1.408C5.437%205.945%208.465%207%2012%207s6.563-1.055%207.881-1.598C20.85%205.004%2022%205.69%2022%206.81v10.382c0%201.12-1.15%201.805-2.119%201.407C18.563%2018.056%2015.535%2017%2012%2017s-6.563%201.056-7.881%201.598C3.15%2018.996%202%2018.31%202%2017.19z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M2%206.81c0-1.12%201.15-1.806%202.119-1.408C5.437%205.945%208.465%207%2012%207s6.563-1.055%207.881-1.598C20.85%205.004%2022%205.69%2022%206.81v10.382c0%201.12-1.15%201.805-2.119%201.407C18.563%2018.056%2015.535%2017%2012%2017s-6.563%201.056-7.881%201.598C3.15%2018.996%202%2018.31%202%2017.19z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/panoramas-fill.svg?color=%231a73e8&size=48