{
 "name": "panorama-vertical",
 "title": "Panorama vertical",
 "component": "PanoramaVerticalIcon",
 "url": "https://gentleface.com/icons/panorama-vertical",
 "category": "photo",
 "motif": "panorama",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "20 px drawn",
    "24 px drawn",
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "5d5a254fd787",
 "use_for": [
  "vertical panorama"
 ],
 "family": [
  "panorama"
 ],
 "tags": [
  "panorama",
  "vertical panorama",
  "tall",
  "portrait",
  "wide angle",
  "photo",
  "camera mode",
  "image"
 ],
 "size": 16,
 "styles": [
  "line-round",
  "line-soft",
  "line-sharp",
  "solid-round",
  "solid-soft",
  "solid-sharp"
 ],
 "default_style": "line-round",
 "svg": {
  "line-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1.987 14.5C1.987 14.397 2.016 14.303 2.074 14.217C2.687 13.323 3.157 12.36 3.485 11.327C3.828 10.245 4 9.136 4 8C4 6.864 3.828 5.755 3.485 4.673C3.157 3.64 2.687 2.677 2.074 1.783C1.995 1.666 1.967 1.541 1.992 1.408C2.017 1.274 2.088 1.167 2.204 1.088C2.289 1.029 2.384 1 2.487 1L13.513 1C13.654 1 13.773 1.048 13.869 1.144C13.965 1.241 14.013 1.359 14.013 1.5C14.013 1.603 13.984 1.697 13.926 1.783C13.313 2.677 12.843 3.64 12.515 4.673C12.172 5.755 12 6.864 12 8C12 9.136 12.172 10.245 12.515 11.327C12.843 12.36 13.313 13.323 13.926 14.217C14.005 14.334 14.033 14.459 14.008 14.592C13.983 14.726 13.912 14.833 13.796 14.912C13.711 14.971 13.616 15 13.513 15L2.487 15C2.346 15 2.227 14.952 2.131 14.856C2.035 14.759 1.987 14.641 1.987 14.5ZM5.086 9.207C5.266 9.027 5.472 8.887 5.706 8.786C5.959 8.676 6.224 8.621 6.5 8.621C6.776 8.621 7.041 8.676 7.294 8.786C7.528 8.887 7.734 9.027 7.914 9.207L12.478 13.771C12.105 13.091 11.799 12.377 11.562 11.63C11.187 10.449 11 9.239 11 8C11 6.761 11.187 5.551 11.562 4.37C11.826 3.539 12.174 2.749 12.607 2L3.393 2C3.826 2.749 4.174 3.539 4.438 4.37C4.813 5.551 5 6.761 5 8C5 8.461 4.974 8.918 4.922 9.371L5.086 9.207ZM8.293 3.293C8.488 3.098 8.724 3 9 3C9.276 3 9.512 3.098 9.707 3.293C9.902 3.488 10 3.724 10 4C10 4.276 9.902 4.512 9.707 4.707C9.512 4.902 9.276 5 9 5C8.724 5 8.488 4.902 8.293 4.707C8.098 4.512 8 4.276 8 4C8 3.724 8.098 3.488 8.293 3.293ZM7.207 9.914C7.012 9.719 6.776 9.621 6.5 9.621C6.224 9.621 5.988 9.719 5.793 9.914L4.588 11.119C4.542 11.29 4.492 11.46 4.438 11.63C4.174 12.461 3.826 13.251 3.393 14L11.293 14L7.207 9.914Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1.987 14.5C1.987 14.397 2.016 14.303 2.074 14.217C2.687 13.323 3.157 12.36 3.485 11.327C3.828 10.245 4 9.136 4 8C4 6.864 3.828 5.755 3.485 4.673C3.157 3.64 2.687 2.677 2.074 1.783C1.995 1.666 1.967 1.541 1.992 1.408C2.017 1.274 2.088 1.167 2.204 1.088C2.289 1.029 2.384 1 2.487 1L13.513 1C13.654 1 13.773 1.048 13.869 1.144C13.965 1.241 14.013 1.359 14.013 1.5C14.013 1.603 13.984 1.697 13.926 1.783C13.313 2.677 12.843 3.64 12.515 4.673C12.172 5.755 12 6.864 12 8C12 9.136 12.172 10.245 12.515 11.327C12.843 12.36 13.313 13.323 13.926 14.217C14.005 14.334 14.033 14.459 14.008 14.592C13.983 14.726 13.912 14.833 13.796 14.912C13.711 14.971 13.616 15 13.513 15L2.487 15C2.346 15 2.227 14.952 2.131 14.856C2.035 14.759 1.987 14.641 1.987 14.5ZM6.5 8.207C6.776 8.207 7.012 8.305 7.207 8.5L12.478 13.771C12.105 13.091 11.799 12.377 11.562 11.63C11.187 10.449 11 9.239 11 8C11 6.761 11.187 5.551 11.562 4.37C11.826 3.539 12.174 2.749 12.607 2L3.393 2C3.826 2.749 4.174 3.539 4.438 4.37C4.813 5.551 5 6.761 5 8C5 8.461 4.974 8.918 4.922 9.371L5.793 8.5C5.988 8.305 6.224 8.207 6.5 8.207ZM8.293 3.293C8.488 3.098 8.724 3 9 3C9.276 3 9.512 3.098 9.707 3.293C9.902 3.488 10 3.724 10 4C10 4.276 9.902 4.512 9.707 4.707C9.512 4.902 9.276 5 9 5C8.724 5 8.488 4.902 8.293 4.707C8.098 4.512 8 4.276 8 4C8 3.724 8.098 3.488 8.293 3.293ZM6.5 9.207L4.588 11.119C4.542 11.29 4.492 11.46 4.438 11.63C4.174 12.461 3.826 13.251 3.393 14L11.293 14L6.5 9.207Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14.462 15L1.538 15L2.074 14.217C2.687 13.323 3.157 12.36 3.485 11.327C3.828 10.245 4 9.136 4 8C4 6.864 3.828 5.755 3.485 4.673C3.157 3.64 2.687 2.677 2.074 1.783L1.538 1L14.462 1L13.926 1.783C13.313 2.677 12.843 3.64 12.515 4.673C12.172 5.755 12 6.864 12 8C12 9.136 12.172 10.245 12.515 11.327C12.843 12.36 13.313 13.323 13.926 14.217L14.462 15ZM3.393 2C3.826 2.749 4.174 3.539 4.438 4.37C4.813 5.551 5 6.761 5 8C5 8.461 4.974 8.918 4.922 9.371L6.5 7.793L12.478 13.771C12.105 13.091 11.799 12.377 11.562 11.63C11.187 10.449 11 9.239 11 8C11 6.761 11.187 5.551 11.562 4.37C11.826 3.539 12.174 2.749 12.607 2L3.393 2ZM8 4C8 3.448 8.448 3 9 3C9.552 3 10 3.448 10 4C10 4.552 9.552 5 9 5C8.448 5 8 4.552 8 4ZM4.438 11.63C4.174 12.461 3.826 13.251 3.393 14L11.293 14L6.5 9.207L4.588 11.119C4.542 11.29 4.492 11.46 4.438 11.63Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M13.513 1C13.654 1 13.773 1.048 13.869 1.144C13.965 1.241 14.013 1.359 14.013 1.5C14.013 1.603 13.984 1.697 13.926 1.783C13.313 2.677 12.843 3.64 12.515 4.673C12.172 5.755 12 6.864 12 8C12 9.136 12.172 10.245 12.515 11.327C12.843 12.36 13.313 13.323 13.926 14.217C14.005 14.334 14.033 14.459 14.008 14.592C13.983 14.726 13.912 14.833 13.796 14.912C13.759 14.938 13.72 14.958 13.679 14.972L7.207 8.5C7.012 8.305 6.776 8.207 6.5 8.207C6.224 8.207 5.988 8.305 5.793 8.5L3.687 10.606C3.896 9.753 4 8.885 4 8C4 6.864 3.828 5.755 3.485 4.673C3.157 3.64 2.687 2.677 2.074 1.783C1.995 1.666 1.967 1.541 1.992 1.408C2.017 1.274 2.088 1.167 2.204 1.088C2.289 1.029 2.384 1 2.487 1L13.513 1ZM9 3C8.448 3 8 3.448 8 4C8 4.552 8.448 5 9 5C9.552 5 10 4.552 10 4C10 3.448 9.552 3 9 3ZM12.293 15L2.487 15C2.346 15 2.227 14.952 2.131 14.856C2.035 14.759 1.987 14.641 1.987 14.5C1.987 14.397 2.016 14.303 2.074 14.217C2.382 13.768 2.654 13.302 2.89 12.817L6.5 9.207L12.293 15Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M13.513 1C13.654 1 13.773 1.048 13.869 1.144C13.965 1.241 14.013 1.359 14.013 1.5C14.013 1.603 13.984 1.697 13.926 1.783C13.313 2.677 12.843 3.64 12.515 4.673C12.172 5.755 12 6.864 12 8C12 9.136 12.172 10.245 12.515 11.327C12.843 12.36 13.313 13.323 13.926 14.217C14.005 14.334 14.033 14.459 14.008 14.592C13.983 14.726 13.912 14.833 13.796 14.912C13.759 14.938 13.72 14.958 13.679 14.972L6.854 8.146C6.658 7.951 6.342 7.951 6.146 8.146L3.687 10.606C3.896 9.753 4 8.885 4 8C4 6.864 3.828 5.755 3.485 4.673C3.157 3.64 2.687 2.677 2.074 1.783C1.995 1.666 1.967 1.541 1.992 1.408C2.017 1.274 2.088 1.167 2.204 1.088C2.289 1.029 2.384 1 2.487 1L13.513 1ZM9 3C8.448 3 8 3.448 8 4C8 4.552 8.448 5 9 5C9.552 5 10 4.552 10 4C10 3.448 9.552 3 9 3ZM6.5 9.207L12.293 15L2.487 15C2.346 15 2.227 14.952 2.131 14.856C2.035 14.759 1.987 14.641 1.987 14.5C1.987 14.397 2.016 14.303 2.074 14.217C2.382 13.768 2.654 13.302 2.89 12.817L6.5 9.207Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14.462 15L13.707 15L6.5 7.793L3.687 10.606C3.896 9.753 4 8.885 4 8C4 6.864 3.828 5.755 3.485 4.673C3.157 3.64 2.687 2.677 2.074 1.783L1.538 1L14.462 1L13.926 1.783C13.313 2.677 12.843 3.64 12.515 4.673C12.172 5.755 12 6.864 12 8C12 9.136 12.172 10.245 12.515 11.327C12.843 12.36 13.313 13.323 13.926 14.217L14.462 15ZM12.293 15L1.538 15L2.074 14.217C2.382 13.768 2.654 13.302 2.89 12.817L6.5 9.207L12.293 15ZM8 4C8 4.552 8.448 5 9 5C9.552 5 10 4.552 10 4C10 3.448 9.552 3 9 3C8.448 3 8 3.448 8 4Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/panorama-vertical.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/panorama-vertical.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/panorama-vertical.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/panorama-vertical.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/panorama-vertical.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/panorama-vertical.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/panorama-vertical.png",
   "32": "https://gentleface.com/png/line-round/32/panorama-vertical.png",
   "48": "https://gentleface.com/png/line-round/48/panorama-vertical.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/panorama-vertical.png",
   "32": "https://gentleface.com/png/line-soft/32/panorama-vertical.png",
   "48": "https://gentleface.com/png/line-soft/48/panorama-vertical.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/panorama-vertical.png",
   "32": "https://gentleface.com/png/line-sharp/32/panorama-vertical.png",
   "48": "https://gentleface.com/png/line-sharp/48/panorama-vertical.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/panorama-vertical.png",
   "32": "https://gentleface.com/png/solid-round/32/panorama-vertical.png",
   "48": "https://gentleface.com/png/solid-round/48/panorama-vertical.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/panorama-vertical.png",
   "32": "https://gentleface.com/png/solid-soft/32/panorama-vertical.png",
   "48": "https://gentleface.com/png/solid-soft/48/panorama-vertical.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/panorama-vertical.png",
   "32": "https://gentleface.com/png/solid-sharp/32/panorama-vertical.png",
   "48": "https://gentleface.com/png/solid-sharp/48/panorama-vertical.png"
  }
 },
 "npm": {
  "react": "import { PanoramaVerticalIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/panorama-vertical.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/panorama-vertical.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "panorama-vertical-tilt",
  "does": "The view tilts up the tall frame: the mountain sinks out at the bottom while the far sun drops much less. It then tilts down past the start, the mountain rising up the frame, and settles.",
  "url": "https://gentleface.com/motion/panorama-vertical-tilt.svg",
  "style": "line-round",
  "size": 16,
  "duration": 3.4,
  "frames": [
   0.3,
   3.05
  ],
  "svg": "<svg aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.001\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><clipPath id=\"w9gPvC\"><path d=\"M2.487 1.5L13.513 1.5C10.829 5.418 10.829 10.582 13.513 14.5L2.487 14.5C5.171 10.582 5.171 5.418 2.487 1.5Z\"/></clipPath><path d=\"M2.487 1.5L13.513 1.5C10.829 5.418 10.829 10.582 13.513 14.5L2.487 14.5C5.171 10.582 5.171 5.418 2.487 1.5Z\"></path><g clip-path=\"url(#w9gPvC)\"><g><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"3.4s\" repeatCount=\"indefinite\" keyTimes=\"0;0.088;0.294;0.368;0.632;0.706;0.882;1\" values=\"0 0;0 0;0 3;0 3;0 -2.5;0 -2.5;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/><path d=\"M.5 14.5L5.439 9.561C6.025 8.975 6.975 8.975 7.561 9.561L17.5 19.5\"></path></g><g><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"3.4s\" repeatCount=\"indefinite\" keyTimes=\"0;0.088;0.294;0.368;0.632;0.706;0.882;1\" values=\"0 0;0 0;0 .9;0 .9;0 -.75;0 -.75;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/><path fill=\"currentColor\" stroke=\"none\" d=\"M8 4C8 3.448 8.448 3 9 3C9.552 3 10 3.448 10 4C10 4.552 9.552 5 9 5C8.448 5 8 4.552 8 4Z\"></path></g></g></svg>",
  "react": "// Gentleface \"panorama-vertical\" animated (panorama-vertical-tilt), MIT. https://gentleface.com/icons/panorama-vertical\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, useId, type SVGProps } from 'react';\n\nexport const PanoramaVerticalTiltIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function PanoramaVerticalTiltIcon(props, ref) {\n  const uid = useId().replace(/\\W/g, '');\n  return (\n    <svg ref={ref} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.001\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\" {...props}>\n      <clipPath id={`${uid}w9gPvC`}>\n      <path d=\"M2.487 1.5L13.513 1.5C10.829 5.418 10.829 10.582 13.513 14.5L2.487 14.5C5.171 10.582 5.171 5.418 2.487 1.5Z\"/>\n      </clipPath>\n      <path d=\"M2.487 1.5L13.513 1.5C10.829 5.418 10.829 10.582 13.513 14.5L2.487 14.5C5.171 10.582 5.171 5.418 2.487 1.5Z\">\n      </path>\n      <g clipPath={`url(#${uid}w9gPvC)`}>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"3.4s\" repeatCount=\"indefinite\" keyTimes=\"0;0.088;0.294;0.368;0.632;0.706;0.882;1\" values=\"0 0;0 0;0 3;0 3;0 -2.5;0 -2.5;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      <path d=\"M.5 14.5L5.439 9.561C6.025 8.975 6.975 8.975 7.561 9.561L17.5 19.5\">\n      </path>\n      </g>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"3.4s\" repeatCount=\"indefinite\" keyTimes=\"0;0.088;0.294;0.368;0.632;0.706;0.882;1\" values=\"0 0;0 0;0 .9;0 .9;0 -.75;0 -.75;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      <path fill=\"currentColor\" stroke=\"none\" d=\"M8 4C8 3.448 8.448 3 9 3C9.552 3 10 3.448 10 4C10 4.552 9.552 5 9 5C8.448 5 8 4.552 8 4Z\">\n      </path>\n      </g>\n      </g>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}