sharp emergency share icon

sharp-emergency-share from Google Material Icons by Material Design Authors · Baseline · Maps · Apache-2.0 Free for personal and commercial use.

Name: sharp-emergency-share
Set: Google Material Icons
Style: Baseline
Category: Maps
Viewbox: 24×24
License: Apache 2.0

Use the sharp emergency share icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 9c-3.15 0-6 2.41-6 6.15q0 3.735 6 8.85q6-5.115 6-8.85C18 11.41 15.15 9 12 9m0 7.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M12 4c1.93 0 3.68.78 4.95 2.05l-1.41 1.41a5.02 5.02 0 0 0-7.08 0L7.05 6.05A6.98 6.98 0 0 1 12 4m7.78-.77l-1.41 1.41C16.74 3.01 14.49 2 12.01 2S7.27 3.01 5.64 4.63L4.22 3.22C6.22 1.23 8.97 0 12.01 0s5.78 1.23 7.77 3.23"/></svg>

React

import type { SVGProps } from "react";

export function IcSharpEmergencyShare(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="M12 9c-3.15 0-6 2.41-6 6.15q0 3.735 6 8.85q6-5.115 6-8.85C18 11.41 15.15 9 12 9m0 7.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M12 4c1.93 0 3.68.78 4.95 2.05l-1.41 1.41a5.02 5.02 0 0 0-7.08 0L7.05 6.05A6.98 6.98 0 0 1 12 4m7.78-.77l-1.41 1.41C16.74 3.01 14.49 2 12.01 2S7.27 3.01 5.64 4.63L4.22 3.22C6.22 1.23 8.97 0 12.01 0s5.78 1.23 7.77 3.23"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 9c-3.15 0-6 2.41-6 6.15q0 3.735 6 8.85q6-5.115 6-8.85C18 11.41 15.15 9 12 9m0 7.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M12 4c1.93 0 3.68.78 4.95 2.05l-1.41 1.41a5.02 5.02 0 0 0-7.08 0L7.05 6.05A6.98 6.98 0 0 1 12 4m7.78-.77l-1.41 1.41C16.74 3.01 14.49 2 12.01 2S7.27 3.01 5.64 4.63L4.22 3.22C6.22 1.23 8.97 0 12.01 0s5.78 1.23 7.77 3.23"/></svg>
</template>

CSS

.icon-sharp-emergency-share {
  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%22M12%209c-3.15%200-6%202.41-6%206.15q0%203.735%206%208.85q6-5.115%206-8.85C18%2011.41%2015.15%209%2012%209m0%207.5c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5M12%204c1.93%200%203.68.78%204.95%202.05l-1.41%201.41a5.02%205.02%200%200%200-7.08%200L7.05%206.05A6.98%206.98%200%200%201%2012%204m7.78-.77l-1.41%201.41C16.74%203.01%2014.49%202%2012.01%202S7.27%203.01%205.64%204.63L4.22%203.22C6.22%201.23%208.97%200%2012.01%200s5.78%201.23%207.77%203.23%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%22M12%209c-3.15%200-6%202.41-6%206.15q0%203.735%206%208.85q6-5.115%206-8.85C18%2011.41%2015.15%209%2012%209m0%207.5c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5M12%204c1.93%200%203.68.78%204.95%202.05l-1.41%201.41a5.02%205.02%200%200%200-7.08%200L7.05%206.05A6.98%206.98%200%200%201%2012%204m7.78-.77l-1.41%201.41C16.74%203.01%2014.49%202%2012.01%202S7.27%203.01%205.64%204.63L4.22%203.22C6.22%201.23%208.97%200%2012.01%200s5.78%201.23%207.77%203.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/sharp-emergency-share.svg?color=%231a73e8&size=48

sharp emergency share icon

More maps icons from Google Material Icons

Use the sharp emergency share icon

SVG

React

Vue

CSS