altitude icon

altitude-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name: altitude-rounded
Set: Material Symbols Light
Style: Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

altitude altitude-outline altitude-outline-rounded

The same icon in other sets

altitudeMaterial Symbols

More social icons from Material Symbols Light

Use the altitude icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.52 20.192q-.51 0-.728-.444t.081-.848l2.577-3.46q.13-.161.295-.242t.351-.08q.187 0 .351.08q.165.08.295.243l2.524 3.355q.134.177.323.208t.365-.104t.21-.335t-.106-.379l-.858-1.144q-.161-.217-.171-.484q-.01-.268.152-.485l3.269-4.363q.13-.162.295-.243t.351-.08t.351.08q.165.081.295.242l5.385 7.191q.298.404.08.848t-.726.444zm14.123-8.335q-.143-.143-.143-.357V7.108l-1.771 1.746q-.14.14-.338.134q-.199-.007-.345-.154q-.14-.14-.14-.344t.14-.344l2.389-2.369q.242-.243.565-.243t.566.243l2.388 2.37q.146.145.137.343q-.01.198-.156.364q-.146.146-.347.146t-.347-.146L19.5 7.114V11.5q0 .214-.143.357T19 12t-.357-.143"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightAltitudeRounded(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="M4.52 20.192q-.51 0-.728-.444t.081-.848l2.577-3.46q.13-.161.295-.242t.351-.08q.187 0 .351.08q.165.08.295.243l2.524 3.355q.134.177.323.208t.365-.104t.21-.335t-.106-.379l-.858-1.144q-.161-.217-.171-.484q-.01-.268.152-.485l3.269-4.363q.13-.162.295-.243t.351-.08t.351.08q.165.081.295.242l5.385 7.191q.298.404.08.848t-.726.444zm14.123-8.335q-.143-.143-.143-.357V7.108l-1.771 1.746q-.14.14-.338.134q-.199-.007-.345-.154q-.14-.14-.14-.344t.14-.344l2.389-2.369q.242-.243.565-.243t.566.243l2.388 2.37q.146.145.137.343q-.01.198-.156.364q-.146.146-.347.146t-.347-.146L19.5 7.114V11.5q0 .214-.143.357T19 12t-.357-.143"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.52 20.192q-.51 0-.728-.444t.081-.848l2.577-3.46q.13-.161.295-.242t.351-.08q.187 0 .351.08q.165.08.295.243l2.524 3.355q.134.177.323.208t.365-.104t.21-.335t-.106-.379l-.858-1.144q-.161-.217-.171-.484q-.01-.268.152-.485l3.269-4.363q.13-.162.295-.243t.351-.08t.351.08q.165.081.295.242l5.385 7.191q.298.404.08.848t-.726.444zm14.123-8.335q-.143-.143-.143-.357V7.108l-1.771 1.746q-.14.14-.338.134q-.199-.007-.345-.154q-.14-.14-.14-.344t.14-.344l2.389-2.369q.242-.243.565-.243t.566.243l2.388 2.37q.146.145.137.343q-.01.198-.156.364q-.146.146-.347.146t-.347-.146L19.5 7.114V11.5q0 .214-.143.357T19 12t-.357-.143"/></svg>
</template>

CSS

.icon-altitude-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%22M4.52%2020.192q-.51%200-.728-.444t.081-.848l2.577-3.46q.13-.161.295-.242t.351-.08q.187%200%20.351.08q.165.08.295.243l2.524%203.355q.134.177.323.208t.365-.104t.21-.335t-.106-.379l-.858-1.144q-.161-.217-.171-.484q-.01-.268.152-.485l3.269-4.363q.13-.162.295-.243t.351-.08t.351.08q.165.081.295.242l5.385%207.191q.298.404.08.848t-.726.444zm14.123-8.335q-.143-.143-.143-.357V7.108l-1.771%201.746q-.14.14-.338.134q-.199-.007-.345-.154q-.14-.14-.14-.344t.14-.344l2.389-2.369q.242-.243.565-.243t.566.243l2.388%202.37q.146.145.137.343q-.01.198-.156.364q-.146.146-.347.146t-.347-.146L19.5%207.114V11.5q0%20.214-.143.357T19%2012t-.357-.143%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%22M4.52%2020.192q-.51%200-.728-.444t.081-.848l2.577-3.46q.13-.161.295-.242t.351-.08q.187%200%20.351.08q.165.08.295.243l2.524%203.355q.134.177.323.208t.365-.104t.21-.335t-.106-.379l-.858-1.144q-.161-.217-.171-.484q-.01-.268.152-.485l3.269-4.363q.13-.162.295-.243t.351-.08t.351.08q.165.081.295.242l5.385%207.191q.298.404.08.848t-.726.444zm14.123-8.335q-.143-.143-.143-.357V7.108l-1.771%201.746q-.14.14-.338.134q-.199-.007-.345-.154q-.14-.14-.14-.344t.14-.344l2.389-2.369q.242-.243.565-.243t.566.243l2.388%202.37q.146.145.137.343q-.01.198-.156.364q-.146.146-.347.146t-.347-.146L19.5%207.114V11.5q0%20.214-.143.357T19%2012t-.357-.143%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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