Ícone Panorama Vertical Outline
material-symbols-light:panorama-vertical-outline
O ícone Panorama Vertical Outline (material-symbols-light:panorama-vertical-outline) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Symbols Light
- Autor
- Google
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Imagens
- Tags
- angle, image, panorama, photo, photography, picture, vertical, wide, panoramavertical, verticaloutline, panoramaverticaloutline, panorama vertical outline rounded
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.058 21.02q-.444 0-.636-.308q-.191-.306-.095-.693q.135-.488.334-1.253t.397-1.78t.33-2.25t.131-2.717t-.131-2.726t-.33-2.26q-.198-1.016-.397-1.79t-.334-1.262q-.096-.387.095-.674q.192-.288.636-.288h11.884q.445 0 .636.288q.191.287.095.674q-.134.488-.333 1.262t-.378 1.79t-.311 2.26t-.132 2.726t.132 2.716t.31 2.251q.18 1.016.379 1.78q.199.765.333 1.253q.096.387-.095.694t-.636.306zm1.461-9q0 2.024-.287 4.037t-.863 3.962h11.256q-.575-1.95-.84-3.962q-.266-2.013-.266-4.038t.266-4.037t.84-3.963H6.369q.575 1.95.863 3.963t.287 4.037m4.481 0"/></svg>
Como usar o ícone Panorama Vertical Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:panorama-vertical-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:panorama-vertical-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:panorama-vertical-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--panorama-vertical-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:panorama-vertical-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:panorama-vertical-outline"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/panorama-vertical-outline.svg" alt="Ícone Panorama Vertical Outline" width="24" height="24">
Ícones relacionados em Material Symbols Light
O ícone Panorama Vertical Outline em outras coleções
Perguntas frequentes sobre Ícone Panorama Vertical Outline
O ícone Panorama Vertical Outline é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Panorama Vertical Outline no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:panorama-vertical-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Panorama Vertical Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/panorama-vertical-outline.svg" alt="Ícone Panorama Vertical Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Material Symbols Light →
