dam icon

dam from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name: dam
Set: Huge Icons
Style: Stroke
Viewbox: 24×24
License: MIT

The same icon in other sets

Use the dam 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-linejoin="round" stroke-width="1.5" d="M7.815 17.587L6.107 4.844c-.07-.519-.105-.779-.2-.987a1.46 1.46 0 0 0-.873-.788C4.822 3 4.569 3 4.064 3c-.574 0-.86 0-1.091.083c-.419.15-.748.491-.893.925C2 4.247 2 4.544 2 5.138V18c0 1.414 0 2.121.424 2.56s1.114.44 2.495.44c1.566 0 2.35 0 2.782-.515c.433-.515.326-1.31.114-2.898M22 12c-.6-.5-1.2-1-2.5-1c-2.5 0-2.5 2-5 2c-2.6 0-2.4-2-5-2c-.924 0-1.507.273-2 .618M22 18c-.6-.5-1.2-1-2.5-1c-2.5 0-2.5 2-5 2c-2.6 0-2.4-2-5-2c-.633 0-1.106.128-1.5.32"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsDam(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" strokeLinejoin="round" strokeWidth="1.5" d="M7.815 17.587L6.107 4.844c-.07-.519-.105-.779-.2-.987a1.46 1.46 0 0 0-.873-.788C4.822 3 4.569 3 4.064 3c-.574 0-.86 0-1.091.083c-.419.15-.748.491-.893.925C2 4.247 2 4.544 2 5.138V18c0 1.414 0 2.121.424 2.56s1.114.44 2.495.44c1.566 0 2.35 0 2.782-.515c.433-.515.326-1.31.114-2.898M22 12c-.6-.5-1.2-1-2.5-1c-2.5 0-2.5 2-5 2c-2.6 0-2.4-2-5-2c-.924 0-1.507.273-2 .618M22 18c-.6-.5-1.2-1-2.5-1c-2.5 0-2.5 2-5 2c-2.6 0-2.4-2-5-2c-.633 0-1.106.128-1.5.32"/></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-linejoin="round" stroke-width="1.5" d="M7.815 17.587L6.107 4.844c-.07-.519-.105-.779-.2-.987a1.46 1.46 0 0 0-.873-.788C4.822 3 4.569 3 4.064 3c-.574 0-.86 0-1.091.083c-.419.15-.748.491-.893.925C2 4.247 2 4.544 2 5.138V18c0 1.414 0 2.121.424 2.56s1.114.44 2.495.44c1.566 0 2.35 0 2.782-.515c.433-.515.326-1.31.114-2.898M22 12c-.6-.5-1.2-1-2.5-1c-2.5 0-2.5 2-5 2c-2.6 0-2.4-2-5-2c-.924 0-1.507.273-2 .618M22 18c-.6-.5-1.2-1-2.5-1c-2.5 0-2.5 2-5 2c-2.6 0-2.4-2-5-2c-.633 0-1.106.128-1.5.32"/></svg>
</template>

CSS

.icon-dam {
  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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.815%2017.587L6.107%204.844c-.07-.519-.105-.779-.2-.987a1.46%201.46%200%200%200-.873-.788C4.822%203%204.569%203%204.064%203c-.574%200-.86%200-1.091.083c-.419.15-.748.491-.893.925C2%204.247%202%204.544%202%205.138V18c0%201.414%200%202.121.424%202.56s1.114.44%202.495.44c1.566%200%202.35%200%202.782-.515c.433-.515.326-1.31.114-2.898M22%2012c-.6-.5-1.2-1-2.5-1c-2.5%200-2.5%202-5%202c-2.6%200-2.4-2-5-2c-.924%200-1.507.273-2%20.618M22%2018c-.6-.5-1.2-1-2.5-1c-2.5%200-2.5%202-5%202c-2.6%200-2.4-2-5-2c-.633%200-1.106.128-1.5.32%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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.815%2017.587L6.107%204.844c-.07-.519-.105-.779-.2-.987a1.46%201.46%200%200%200-.873-.788C4.822%203%204.569%203%204.064%203c-.574%200-.86%200-1.091.083c-.419.15-.748.491-.893.925C2%204.247%202%204.544%202%205.138V18c0%201.414%200%202.121.424%202.56s1.114.44%202.495.44c1.566%200%202.35%200%202.782-.515c.433-.515.326-1.31.114-2.898M22%2012c-.6-.5-1.2-1-2.5-1c-2.5%200-2.5%202-5%202c-2.6%200-2.4-2-5-2c-.924%200-1.507.273-2%20.618M22%2018c-.6-.5-1.2-1-2.5-1c-2.5%200-2.5%202-5%202c-2.6%200-2.4-2-5-2c-.633%200-1.106.128-1.5.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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