panorama icon

panorama from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: panorama
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

panoramaFont Awesome 6 Solid panoramaMaterial Symbols panoramaMaterial Symbols Light panoramaMaterial Design Icons panoramaPhosphor panorama-boldSolar

Use the panorama icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M75.9 112C51.7 112 32 131.7 32 155.9v328.2c0 24.3 19.7 43.9 43.9 43.9c5.5 0 10.7-1 15.7-2.9C104.5 520.2 195 488 320 488s215.5 32.3 228.4 37.1c5 1.9 10.2 2.9 15.7 2.9c24.3 0 43.9-19.7 43.9-43.9V155.9c0-24.3-19.7-43.9-43.9-43.9c-5.5 0-10.7 1-15.7 2.9C535.5 119.8 445 152 320 152s-215.5-32.3-228.4-37.1c-5-1.9-10.2-2.9-15.7-2.9M104 240c0-22.1 17.9-40 40-40s40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40m264.1-16c7.5 0 14.6 3.6 19.1 9.6l124.5 166.6c5.9 7.9 6.4 18.5 1.3 26.9a23.81 23.81 0 0 1-24.5 11.1c-45.8-7.8-103.3-14.2-168.4-14.2c-65.6 0-123.4 6.5-169.3 14.4c-9.8 1.7-19.7-2.9-24.7-11.5s-4.3-19.4 1.9-27.2l69.3-86.7c4.6-5.7 11.5-9 18.7-9s14.2 3.3 18.7 9l27.5 34.4l86.7-113.9c4.6-6 11.7-9.5 19.2-9.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidPanorama(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M75.9 112C51.7 112 32 131.7 32 155.9v328.2c0 24.3 19.7 43.9 43.9 43.9c5.5 0 10.7-1 15.7-2.9C104.5 520.2 195 488 320 488s215.5 32.3 228.4 37.1c5 1.9 10.2 2.9 15.7 2.9c24.3 0 43.9-19.7 43.9-43.9V155.9c0-24.3-19.7-43.9-43.9-43.9c-5.5 0-10.7 1-15.7 2.9C535.5 119.8 445 152 320 152s-215.5-32.3-228.4-37.1c-5-1.9-10.2-2.9-15.7-2.9M104 240c0-22.1 17.9-40 40-40s40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40m264.1-16c7.5 0 14.6 3.6 19.1 9.6l124.5 166.6c5.9 7.9 6.4 18.5 1.3 26.9a23.81 23.81 0 0 1-24.5 11.1c-45.8-7.8-103.3-14.2-168.4-14.2c-65.6 0-123.4 6.5-169.3 14.4c-9.8 1.7-19.7-2.9-24.7-11.5s-4.3-19.4 1.9-27.2l69.3-86.7c4.6-5.7 11.5-9 18.7-9s14.2 3.3 18.7 9l27.5 34.4l86.7-113.9c4.6-6 11.7-9.5 19.2-9.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M75.9 112C51.7 112 32 131.7 32 155.9v328.2c0 24.3 19.7 43.9 43.9 43.9c5.5 0 10.7-1 15.7-2.9C104.5 520.2 195 488 320 488s215.5 32.3 228.4 37.1c5 1.9 10.2 2.9 15.7 2.9c24.3 0 43.9-19.7 43.9-43.9V155.9c0-24.3-19.7-43.9-43.9-43.9c-5.5 0-10.7 1-15.7 2.9C535.5 119.8 445 152 320 152s-215.5-32.3-228.4-37.1c-5-1.9-10.2-2.9-15.7-2.9M104 240c0-22.1 17.9-40 40-40s40 17.9 40 40s-17.9 40-40 40s-40-17.9-40-40m264.1-16c7.5 0 14.6 3.6 19.1 9.6l124.5 166.6c5.9 7.9 6.4 18.5 1.3 26.9a23.81 23.81 0 0 1-24.5 11.1c-45.8-7.8-103.3-14.2-168.4-14.2c-65.6 0-123.4 6.5-169.3 14.4c-9.8 1.7-19.7-2.9-24.7-11.5s-4.3-19.4 1.9-27.2l69.3-86.7c4.6-5.7 11.5-9 18.7-9s14.2 3.3 18.7 9l27.5 34.4l86.7-113.9c4.6-6 11.7-9.5 19.2-9.5"/></svg>
</template>

CSS

.icon-panorama {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M75.9%20112C51.7%20112%2032%20131.7%2032%20155.9v328.2c0%2024.3%2019.7%2043.9%2043.9%2043.9c5.5%200%2010.7-1%2015.7-2.9C104.5%20520.2%20195%20488%20320%20488s215.5%2032.3%20228.4%2037.1c5%201.9%2010.2%202.9%2015.7%202.9c24.3%200%2043.9-19.7%2043.9-43.9V155.9c0-24.3-19.7-43.9-43.9-43.9c-5.5%200-10.7%201-15.7%202.9C535.5%20119.8%20445%20152%20320%20152s-215.5-32.3-228.4-37.1c-5-1.9-10.2-2.9-15.7-2.9M104%20240c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40m264.1-16c7.5%200%2014.6%203.6%2019.1%209.6l124.5%20166.6c5.9%207.9%206.4%2018.5%201.3%2026.9a23.81%2023.81%200%200%201-24.5%2011.1c-45.8-7.8-103.3-14.2-168.4-14.2c-65.6%200-123.4%206.5-169.3%2014.4c-9.8%201.7-19.7-2.9-24.7-11.5s-4.3-19.4%201.9-27.2l69.3-86.7c4.6-5.7%2011.5-9%2018.7-9s14.2%203.3%2018.7%209l27.5%2034.4l86.7-113.9c4.6-6%2011.7-9.5%2019.2-9.5%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M75.9%20112C51.7%20112%2032%20131.7%2032%20155.9v328.2c0%2024.3%2019.7%2043.9%2043.9%2043.9c5.5%200%2010.7-1%2015.7-2.9C104.5%20520.2%20195%20488%20320%20488s215.5%2032.3%20228.4%2037.1c5%201.9%2010.2%202.9%2015.7%202.9c24.3%200%2043.9-19.7%2043.9-43.9V155.9c0-24.3-19.7-43.9-43.9-43.9c-5.5%200-10.7%201-15.7%202.9C535.5%20119.8%20445%20152%20320%20152s-215.5-32.3-228.4-37.1c-5-1.9-10.2-2.9-15.7-2.9M104%20240c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040s-17.9%2040-40%2040s-40-17.9-40-40m264.1-16c7.5%200%2014.6%203.6%2019.1%209.6l124.5%20166.6c5.9%207.9%206.4%2018.5%201.3%2026.9a23.81%2023.81%200%200%201-24.5%2011.1c-45.8-7.8-103.3-14.2-168.4-14.2c-65.6%200-123.4%206.5-169.3%2014.4c-9.8%201.7-19.7-2.9-24.7-11.5s-4.3-19.4%201.9-27.2l69.3-86.7c4.6-5.7%2011.5-9%2018.7-9s14.2%203.3%2018.7%209l27.5%2034.4l86.7-113.9c4.6-6%2011.7-9.5%2019.2-9.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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