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

Name
mountain-flag-outline-rounded
Set
Material Symbols Light
Style
Outline Rounded
Category
Social
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

The same icon in other sets

More social icons from Material Symbols Light

Use the mountain flag icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.489 13.387l1.547 1.04l1.591-.808q.162-.086.364-.086t.363.086l1.61.808l1.536-1.029l-1.02-2.052q-.076-.154-.23-.25T13.923 11h-3.888q-.173 0-.318.096q-.144.096-.22.25zM5.225 20H18.75l-2.812-5.687l-1.523 1.018q-.186.13-.391.143t-.416-.093L12 14.567l-1.608.795q-.211.105-.416.09t-.391-.146L8.03 14.289zm-.317 1q-.46 0-.7-.379t-.027-.782l4.4-8.945q.211-.404.603-.649q.391-.245.85-.245H11.5V3.808q0-.348.23-.578t.578-.23h4.238q.218 0 .339.19q.12.189.015.4l-.377.723q-.05.087-.05.187t.05.186l.377.724q.106.211-.015.4t-.339.19H12.5v4h1.385q.46 0 .838.242q.379.242.596.646l4.475 8.95q.212.404-.028.783q-.239.379-.699.379zM12 14.567"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightMountainFlagOutlineRounded(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="m8.489 13.387l1.547 1.04l1.591-.808q.162-.086.364-.086t.363.086l1.61.808l1.536-1.029l-1.02-2.052q-.076-.154-.23-.25T13.923 11h-3.888q-.173 0-.318.096q-.144.096-.22.25zM5.225 20H18.75l-2.812-5.687l-1.523 1.018q-.186.13-.391.143t-.416-.093L12 14.567l-1.608.795q-.211.105-.416.09t-.391-.146L8.03 14.289zm-.317 1q-.46 0-.7-.379t-.027-.782l4.4-8.945q.211-.404.603-.649q.391-.245.85-.245H11.5V3.808q0-.348.23-.578t.578-.23h4.238q.218 0 .339.19q.12.189.015.4l-.377.723q-.05.087-.05.187t.05.186l.377.724q.106.211-.015.4t-.339.19H12.5v4h1.385q.46 0 .838.242q.379.242.596.646l4.475 8.95q.212.404-.028.783q-.239.379-.699.379zM12 14.567"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m8.489 13.387l1.547 1.04l1.591-.808q.162-.086.364-.086t.363.086l1.61.808l1.536-1.029l-1.02-2.052q-.076-.154-.23-.25T13.923 11h-3.888q-.173 0-.318.096q-.144.096-.22.25zM5.225 20H18.75l-2.812-5.687l-1.523 1.018q-.186.13-.391.143t-.416-.093L12 14.567l-1.608.795q-.211.105-.416.09t-.391-.146L8.03 14.289zm-.317 1q-.46 0-.7-.379t-.027-.782l4.4-8.945q.211-.404.603-.649q.391-.245.85-.245H11.5V3.808q0-.348.23-.578t.578-.23h4.238q.218 0 .339.19q.12.189.015.4l-.377.723q-.05.087-.05.187t.05.186l.377.724q.106.211-.015.4t-.339.19H12.5v4h1.385q.46 0 .838.242q.379.242.596.646l4.475 8.95q.212.404-.028.783q-.239.379-.699.379zM12 14.567"/></svg>
</template>

CSS

.icon-mountain-flag-outline-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%22m8.489%2013.387l1.547%201.04l1.591-.808q.162-.086.364-.086t.363.086l1.61.808l1.536-1.029l-1.02-2.052q-.076-.154-.23-.25T13.923%2011h-3.888q-.173%200-.318.096q-.144.096-.22.25zM5.225%2020H18.75l-2.812-5.687l-1.523%201.018q-.186.13-.391.143t-.416-.093L12%2014.567l-1.608.795q-.211.105-.416.09t-.391-.146L8.03%2014.289zm-.317%201q-.46%200-.7-.379t-.027-.782l4.4-8.945q.211-.404.603-.649q.391-.245.85-.245H11.5V3.808q0-.348.23-.578t.578-.23h4.238q.218%200%20.339.19q.12.189.015.4l-.377.723q-.05.087-.05.187t.05.186l.377.724q.106.211-.015.4t-.339.19H12.5v4h1.385q.46%200%20.838.242q.379.242.596.646l4.475%208.95q.212.404-.028.783q-.239.379-.699.379zM12%2014.567%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%22m8.489%2013.387l1.547%201.04l1.591-.808q.162-.086.364-.086t.363.086l1.61.808l1.536-1.029l-1.02-2.052q-.076-.154-.23-.25T13.923%2011h-3.888q-.173%200-.318.096q-.144.096-.22.25zM5.225%2020H18.75l-2.812-5.687l-1.523%201.018q-.186.13-.391.143t-.416-.093L12%2014.567l-1.608.795q-.211.105-.416.09t-.391-.146L8.03%2014.289zm-.317%201q-.46%200-.7-.379t-.027-.782l4.4-8.945q.211-.404.603-.649q.391-.245.85-.245H11.5V3.808q0-.348.23-.578t.578-.23h4.238q.218%200%20.339.19q.12.189.015.4l-.377.723q-.05.087-.05.187t.05.186l.377.724q.106.211-.015.4t-.339.19H12.5v4h1.385q.46%200%20.838.242q.379.242.596.646l4.475%208.95q.212.404-.028.783q-.239.379-.699.379zM12%2014.567%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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