nearby share icon
nearby-share from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.
- Name
- nearby-share
- Set
- Material Symbols
- Style
- Regular
- Viewbox
- 24×24
- License
- Apache 2.0
Related icons in Material Symbols
Use the nearby share icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 16.5q-.2 0-.375-.075T2.3 16.2q-.15-.15-.225-.325Q2 15.7 2 15.5t.075-.375q.075-.175.225-.325l5.55-5.575q.8-.8 1.912-1.263Q10.875 7.5 12 7.5t2.238.462q1.112.463 1.912 1.263l.475.475l-1.425 1.4l-.45-.45q-.525-.5-1.275-.825Q12.725 9.5 12 9.5q-.725 0-1.462.312q-.738.313-1.288.838L3.7 16.2q-.15.15-.325.225Q3.2 16.5 3 16.5Zm1.025-5.55L2.3 9.2q-.15-.15-.225-.325Q2 8.7 2 8.5t.075-.375Q2.15 7.95 2.3 7.8q.15-.15.325-.225Q2.8 7.5 3 7.5t.375.075q.175.075.325.225l1.75 1.725ZM12 16.5q-1.125 0-2.238-.475Q8.65 15.55 7.85 14.75l-.275-.275l1.4-1.425l.3.3q.525.525 1.263.838q.737.312 1.462.312t1.463-.312q.737-.313 1.287-.838L20.3 7.8q.15-.15.325-.225Q20.8 7.5 21 7.5t.375.075q.175.075.325.225q.15.15.225.325Q22 8.3 22 8.5t-.062.375q-.063.175-.213.325l-5.575 5.55q-.8.8-1.912 1.275q-1.113.475-2.238.475Zm9 0q-.2 0-.375-.075T20.3 16.2l-1.725-1.725l1.4-1.425L21.7 14.8q.15.15.225.325q.075.175.075.375t-.075.375q-.075.175-.225.325q-.15.15-.325.225q-.175.075-.375.075Z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsNearbyShare(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="M3 16.5q-.2 0-.375-.075T2.3 16.2q-.15-.15-.225-.325Q2 15.7 2 15.5t.075-.375q.075-.175.225-.325l5.55-5.575q.8-.8 1.912-1.263Q10.875 7.5 12 7.5t2.238.462q1.112.463 1.912 1.263l.475.475l-1.425 1.4l-.45-.45q-.525-.5-1.275-.825Q12.725 9.5 12 9.5q-.725 0-1.462.312q-.738.313-1.288.838L3.7 16.2q-.15.15-.325.225Q3.2 16.5 3 16.5Zm1.025-5.55L2.3 9.2q-.15-.15-.225-.325Q2 8.7 2 8.5t.075-.375Q2.15 7.95 2.3 7.8q.15-.15.325-.225Q2.8 7.5 3 7.5t.375.075q.175.075.325.225l1.75 1.725ZM12 16.5q-1.125 0-2.238-.475Q8.65 15.55 7.85 14.75l-.275-.275l1.4-1.425l.3.3q.525.525 1.263.838q.737.312 1.462.312t1.463-.312q.737-.313 1.287-.838L20.3 7.8q.15-.15.325-.225Q20.8 7.5 21 7.5t.375.075q.175.075.325.225q.15.15.225.325Q22 8.3 22 8.5t-.062.375q-.063.175-.213.325l-5.575 5.55q-.8.8-1.912 1.275q-1.113.475-2.238.475Zm9 0q-.2 0-.375-.075T20.3 16.2l-1.725-1.725l1.4-1.425L21.7 14.8q.15.15.225.325q.075.175.075.375t-.075.375q-.075.175-.225.325q-.15.15-.325.225q-.175.075-.375.075Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 16.5q-.2 0-.375-.075T2.3 16.2q-.15-.15-.225-.325Q2 15.7 2 15.5t.075-.375q.075-.175.225-.325l5.55-5.575q.8-.8 1.912-1.263Q10.875 7.5 12 7.5t2.238.462q1.112.463 1.912 1.263l.475.475l-1.425 1.4l-.45-.45q-.525-.5-1.275-.825Q12.725 9.5 12 9.5q-.725 0-1.462.312q-.738.313-1.288.838L3.7 16.2q-.15.15-.325.225Q3.2 16.5 3 16.5Zm1.025-5.55L2.3 9.2q-.15-.15-.225-.325Q2 8.7 2 8.5t.075-.375Q2.15 7.95 2.3 7.8q.15-.15.325-.225Q2.8 7.5 3 7.5t.375.075q.175.075.325.225l1.75 1.725ZM12 16.5q-1.125 0-2.238-.475Q8.65 15.55 7.85 14.75l-.275-.275l1.4-1.425l.3.3q.525.525 1.263.838q.737.312 1.462.312t1.463-.312q.737-.313 1.287-.838L20.3 7.8q.15-.15.325-.225Q20.8 7.5 21 7.5t.375.075q.175.075.325.225q.15.15.225.325Q22 8.3 22 8.5t-.062.375q-.063.175-.213.325l-5.575 5.55q-.8.8-1.912 1.275q-1.113.475-2.238.475Zm9 0q-.2 0-.375-.075T20.3 16.2l-1.725-1.725l1.4-1.425L21.7 14.8q.15.15.225.325q.075.175.075.375t-.075.375q-.075.175-.225.325q-.15.15-.325.225q-.175.075-.375.075Z"/></svg> </template>
CSS
.icon-nearby-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%22M3%2016.5q-.2%200-.375-.075T2.3%2016.2q-.15-.15-.225-.325Q2%2015.7%202%2015.5t.075-.375q.075-.175.225-.325l5.55-5.575q.8-.8%201.912-1.263Q10.875%207.5%2012%207.5t2.238.462q1.112.463%201.912%201.263l.475.475l-1.425%201.4l-.45-.45q-.525-.5-1.275-.825Q12.725%209.5%2012%209.5q-.725%200-1.462.312q-.738.313-1.288.838L3.7%2016.2q-.15.15-.325.225Q3.2%2016.5%203%2016.5Zm1.025-5.55L2.3%209.2q-.15-.15-.225-.325Q2%208.7%202%208.5t.075-.375Q2.15%207.95%202.3%207.8q.15-.15.325-.225Q2.8%207.5%203%207.5t.375.075q.175.075.325.225l1.75%201.725ZM12%2016.5q-1.125%200-2.238-.475Q8.65%2015.55%207.85%2014.75l-.275-.275l1.4-1.425l.3.3q.525.525%201.263.838q.737.312%201.462.312t1.463-.312q.737-.313%201.287-.838L20.3%207.8q.15-.15.325-.225Q20.8%207.5%2021%207.5t.375.075q.175.075.325.225q.15.15.225.325Q22%208.3%2022%208.5t-.062.375q-.063.175-.213.325l-5.575%205.55q-.8.8-1.912%201.275q-1.113.475-2.238.475Zm9%200q-.2%200-.375-.075T20.3%2016.2l-1.725-1.725l1.4-1.425L21.7%2014.8q.15.15.225.325q.075.175.075.375t-.075.375q-.075.175-.225.325q-.15.15-.325.225q-.175.075-.375.075Z%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%22M3%2016.5q-.2%200-.375-.075T2.3%2016.2q-.15-.15-.225-.325Q2%2015.7%202%2015.5t.075-.375q.075-.175.225-.325l5.55-5.575q.8-.8%201.912-1.263Q10.875%207.5%2012%207.5t2.238.462q1.112.463%201.912%201.263l.475.475l-1.425%201.4l-.45-.45q-.525-.5-1.275-.825Q12.725%209.5%2012%209.5q-.725%200-1.462.312q-.738.313-1.288.838L3.7%2016.2q-.15.15-.325.225Q3.2%2016.5%203%2016.5Zm1.025-5.55L2.3%209.2q-.15-.15-.225-.325Q2%208.7%202%208.5t.075-.375Q2.15%207.95%202.3%207.8q.15-.15.325-.225Q2.8%207.5%203%207.5t.375.075q.175.075.325.225l1.75%201.725ZM12%2016.5q-1.125%200-2.238-.475Q8.65%2015.55%207.85%2014.75l-.275-.275l1.4-1.425l.3.3q.525.525%201.263.838q.737.312%201.462.312t1.463-.312q.737-.313%201.287-.838L20.3%207.8q.15-.15.325-.225Q20.8%207.5%2021%207.5t.375.075q.175.075.325.225q.15.15.225.325Q22%208.3%2022%208.5t-.062.375q-.063.175-.213.325l-5.575%205.55q-.8.8-1.912%201.275q-1.113.475-2.238.475Zm9%200q-.2%200-.375-.075T20.3%2016.2l-1.725-1.725l1.4-1.425L21.7%2014.8q.15.15.225.325q.075.175.075.375t-.075.375q-.075.175-.225.325q-.15.15-.325.225q-.175.075-.375.075Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/nearby-share.svg?color=%231a73e8&size=48
