share 2 icon
share-2-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- share-2-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the share 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11.5 5.0001L11.5 8.586C6.4414 9.2591 2.51 13.3228 2.0048 18.4009C2.0015 18.4338 1.9999 18.4668 1.9999 18.4999C1.9999 19.0522 2.4476 19.4999 2.9999 19.4999C3.2849 19.4999 3.5564 19.3783 3.7462 19.1655C5.7278 16.9438 8.5254 15.6202 11.5 15.497L11.5 18.9999C11.5 19.5522 11.9477 19.9999 12.5 19.9999C12.7319 19.9999 12.9567 19.9193 13.1357 19.7718L21.6356 12.7719C21.8663 12.582 21.9999 12.2988 21.9999 12C21.9999 11.7012 21.8663 11.418 21.6356 11.2281L13.1357 4.2282C12.9567 4.0807 12.7319 4.0001 12.5 4.0001C11.9477 4.0001 11.5 4.4478 11.5 5.0001Z" stroke="none"/><path d="M12.5 5.0001L12.5 9.5001C7.5375 9.724 3.4917 13.5568 2.9999 18.4999C5.2767 15.9472 8.5347 14.4875 11.9552 14.4875C12.1369 14.4875 12.3185 14.4917 12.5 14.4999L12.5 18.9999L20.9999 12L12.5 5.0001Z"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsShare2SharpTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M11.5 5.0001L11.5 8.586C6.4414 9.2591 2.51 13.3228 2.0048 18.4009C2.0015 18.4338 1.9999 18.4668 1.9999 18.4999C1.9999 19.0522 2.4476 19.4999 2.9999 19.4999C3.2849 19.4999 3.5564 19.3783 3.7462 19.1655C5.7278 16.9438 8.5254 15.6202 11.5 15.497L11.5 18.9999C11.5 19.5522 11.9477 19.9999 12.5 19.9999C12.7319 19.9999 12.9567 19.9193 13.1357 19.7718L21.6356 12.7719C21.8663 12.582 21.9999 12.2988 21.9999 12C21.9999 11.7012 21.8663 11.418 21.6356 11.2281L13.1357 4.2282C12.9567 4.0807 12.7319 4.0001 12.5 4.0001C11.9477 4.0001 11.5 4.4478 11.5 5.0001Z" stroke="none"/><path d="M12.5 5.0001L12.5 9.5001C7.5375 9.724 3.4917 13.5568 2.9999 18.4999C5.2767 15.9472 8.5347 14.4875 11.9552 14.4875C12.1369 14.4875 12.3185 14.4917 12.5 14.4999L12.5 18.9999L20.9999 12L12.5 5.0001Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11.5 5.0001L11.5 8.586C6.4414 9.2591 2.51 13.3228 2.0048 18.4009C2.0015 18.4338 1.9999 18.4668 1.9999 18.4999C1.9999 19.0522 2.4476 19.4999 2.9999 19.4999C3.2849 19.4999 3.5564 19.3783 3.7462 19.1655C5.7278 16.9438 8.5254 15.6202 11.5 15.497L11.5 18.9999C11.5 19.5522 11.9477 19.9999 12.5 19.9999C12.7319 19.9999 12.9567 19.9193 13.1357 19.7718L21.6356 12.7719C21.8663 12.582 21.9999 12.2988 21.9999 12C21.9999 11.7012 21.8663 11.418 21.6356 11.2281L13.1357 4.2282C12.9567 4.0807 12.7319 4.0001 12.5 4.0001C11.9477 4.0001 11.5 4.4478 11.5 5.0001Z" stroke="none"/><path d="M12.5 5.0001L12.5 9.5001C7.5375 9.724 3.4917 13.5568 2.9999 18.4999C5.2767 15.9472 8.5347 14.4875 11.9552 14.4875C12.1369 14.4875 12.3185 14.4917 12.5 14.4999L12.5 18.9999L20.9999 12L12.5 5.0001Z"/></g></svg> </template>
CSS
.icon-share-2-sharp-two-tone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M11.5%205.0001L11.5%208.586C6.4414%209.2591%202.51%2013.3228%202.0048%2018.4009C2.0015%2018.4338%201.9999%2018.4668%201.9999%2018.4999C1.9999%2019.0522%202.4476%2019.4999%202.9999%2019.4999C3.2849%2019.4999%203.5564%2019.3783%203.7462%2019.1655C5.7278%2016.9438%208.5254%2015.6202%2011.5%2015.497L11.5%2018.9999C11.5%2019.5522%2011.9477%2019.9999%2012.5%2019.9999C12.7319%2019.9999%2012.9567%2019.9193%2013.1357%2019.7718L21.6356%2012.7719C21.8663%2012.582%2021.9999%2012.2988%2021.9999%2012C21.9999%2011.7012%2021.8663%2011.418%2021.6356%2011.2281L13.1357%204.2282C12.9567%204.0807%2012.7319%204.0001%2012.5%204.0001C11.9477%204.0001%2011.5%204.4478%2011.5%205.0001Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12.5%205.0001L12.5%209.5001C7.5375%209.724%203.4917%2013.5568%202.9999%2018.4999C5.2767%2015.9472%208.5347%2014.4875%2011.9552%2014.4875C12.1369%2014.4875%2012.3185%2014.4917%2012.5%2014.4999L12.5%2018.9999L20.9999%2012L12.5%205.0001Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M11.5%205.0001L11.5%208.586C6.4414%209.2591%202.51%2013.3228%202.0048%2018.4009C2.0015%2018.4338%201.9999%2018.4668%201.9999%2018.4999C1.9999%2019.0522%202.4476%2019.4999%202.9999%2019.4999C3.2849%2019.4999%203.5564%2019.3783%203.7462%2019.1655C5.7278%2016.9438%208.5254%2015.6202%2011.5%2015.497L11.5%2018.9999C11.5%2019.5522%2011.9477%2019.9999%2012.5%2019.9999C12.7319%2019.9999%2012.9567%2019.9193%2013.1357%2019.7718L21.6356%2012.7719C21.8663%2012.582%2021.9999%2012.2988%2021.9999%2012C21.9999%2011.7012%2021.8663%2011.418%2021.6356%2011.2281L13.1357%204.2282C12.9567%204.0807%2012.7319%204.0001%2012.5%204.0001C11.9477%204.0001%2011.5%204.4478%2011.5%205.0001Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12.5%205.0001L12.5%209.5001C7.5375%209.724%203.4917%2013.5568%202.9999%2018.4999C5.2767%2015.9472%208.5347%2014.4875%2011.9552%2014.4875C12.1369%2014.4875%2012.3185%2014.4917%2012.5%2014.4999L12.5%2018.9999L20.9999%2012L12.5%205.0001Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/share-2-sharp-two-tone.svg?color=%231a73e8&size=48
