washington monument icon

washington-monument from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
washington-monument
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Use the washington monument icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M7 19L8.768 6.627c.115-.809.173-1.213.333-1.583s.416-.689.928-1.325l.557-.694C11.252 2.342 11.586 2 12 2s.748.342 1.414 1.025l.557.694c.511.636.767.955.928 1.325c.16.37.218.774.333 1.583L17 19M3 22h18m-1 0l-.219-.328c-.872-1.308-1.308-1.962-1.971-2.317S16.36 19 14.789 19H9.21c-1.572 0-2.358 0-3.021.355s-1.1 1.009-1.971 2.317L4 22M9 6h6m-3 13v-6"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsWashingtonMonument(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M7 19L8.768 6.627c.115-.809.173-1.213.333-1.583s.416-.689.928-1.325l.557-.694C11.252 2.342 11.586 2 12 2s.748.342 1.414 1.025l.557.694c.511.636.767.955.928 1.325c.16.37.218.774.333 1.583L17 19M3 22h18m-1 0l-.219-.328c-.872-1.308-1.308-1.962-1.971-2.317S16.36 19 14.789 19H9.21c-1.572 0-2.358 0-3.021.355s-1.1 1.009-1.971 2.317L4 22M9 6h6m-3 13v-6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M7 19L8.768 6.627c.115-.809.173-1.213.333-1.583s.416-.689.928-1.325l.557-.694C11.252 2.342 11.586 2 12 2s.748.342 1.414 1.025l.557.694c.511.636.767.955.928 1.325c.16.37.218.774.333 1.583L17 19M3 22h18m-1 0l-.219-.328c-.872-1.308-1.308-1.962-1.971-2.317S16.36 19 14.789 19H9.21c-1.572 0-2.358 0-3.021.355s-1.1 1.009-1.971 2.317L4 22M9 6h6m-3 13v-6"/></svg>
</template>

CSS

.icon-washington-monument {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7%2019L8.768%206.627c.115-.809.173-1.213.333-1.583s.416-.689.928-1.325l.557-.694C11.252%202.342%2011.586%202%2012%202s.748.342%201.414%201.025l.557.694c.511.636.767.955.928%201.325c.16.37.218.774.333%201.583L17%2019M3%2022h18m-1%200l-.219-.328c-.872-1.308-1.308-1.962-1.971-2.317S16.36%2019%2014.789%2019H9.21c-1.572%200-2.358%200-3.021.355s-1.1%201.009-1.971%202.317L4%2022M9%206h6m-3%2013v-6%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7%2019L8.768%206.627c.115-.809.173-1.213.333-1.583s.416-.689.928-1.325l.557-.694C11.252%202.342%2011.586%202%2012%202s.748.342%201.414%201.025l.557.694c.511.636.767.955.928%201.325c.16.37.218.774.333%201.583L17%2019M3%2022h18m-1%200l-.219-.328c-.872-1.308-1.308-1.962-1.971-2.317S16.36%2019%2014.789%2019H9.21c-1.572%200-2.358%200-3.021.355s-1.1%201.009-1.971%202.317L4%2022M9%206h6m-3%2013v-6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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