share from square icon
share-from-square from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- share-from-square
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 576×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Solid
Use the share from square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M352 224h-46.5c-45 0-81.5 36.5-81.5 81.5c0 22.3 10.3 34.3 19.2 40.5c6.8 4.7 12.8 12 12.8 20.3c0 9.8-8 17.8-17.8 17.8h-2.5c-2.4 0-4.8-.4-7.1-1.4C210.8 374.8 128 333.4 128 240c0-79.5 64.5-144 144-144h80V34.7C352 15.5 367.5 0 386.7 0c8.6 0 16.8 3.2 23.2 8.9l138.2 124.4c7.6 6.8 11.9 16.5 11.9 26.7s-4.3 19.9-11.9 26.7l-139 125.1c-5.9 5.3-13.5 8.2-21.4 8.2H384c-17.7 0-32-14.3-32-32zM80 96c-8.8 0-16 7.2-16 16v320c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-48c0-17.7 14.3-32 32-32s32 14.3 32 32v48c0 44.2-35.8 80-80 80H80c-44.2 0-80-35.8-80-80V112c0-44.2 35.8-80 80-80h48c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidShareFromSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M352 224h-46.5c-45 0-81.5 36.5-81.5 81.5c0 22.3 10.3 34.3 19.2 40.5c6.8 4.7 12.8 12 12.8 20.3c0 9.8-8 17.8-17.8 17.8h-2.5c-2.4 0-4.8-.4-7.1-1.4C210.8 374.8 128 333.4 128 240c0-79.5 64.5-144 144-144h80V34.7C352 15.5 367.5 0 386.7 0c8.6 0 16.8 3.2 23.2 8.9l138.2 124.4c7.6 6.8 11.9 16.5 11.9 26.7s-4.3 19.9-11.9 26.7l-139 125.1c-5.9 5.3-13.5 8.2-21.4 8.2H384c-17.7 0-32-14.3-32-32zM80 96c-8.8 0-16 7.2-16 16v320c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-48c0-17.7 14.3-32 32-32s32 14.3 32 32v48c0 44.2-35.8 80-80 80H80c-44.2 0-80-35.8-80-80V112c0-44.2 35.8-80 80-80h48c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M352 224h-46.5c-45 0-81.5 36.5-81.5 81.5c0 22.3 10.3 34.3 19.2 40.5c6.8 4.7 12.8 12 12.8 20.3c0 9.8-8 17.8-17.8 17.8h-2.5c-2.4 0-4.8-.4-7.1-1.4C210.8 374.8 128 333.4 128 240c0-79.5 64.5-144 144-144h80V34.7C352 15.5 367.5 0 386.7 0c8.6 0 16.8 3.2 23.2 8.9l138.2 124.4c7.6 6.8 11.9 16.5 11.9 26.7s-4.3 19.9-11.9 26.7l-139 125.1c-5.9 5.3-13.5 8.2-21.4 8.2H384c-17.7 0-32-14.3-32-32zM80 96c-8.8 0-16 7.2-16 16v320c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-48c0-17.7 14.3-32 32-32s32 14.3 32 32v48c0 44.2-35.8 80-80 80H80c-44.2 0-80-35.8-80-80V112c0-44.2 35.8-80 80-80h48c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/></svg> </template>
CSS
.icon-share-from-square {
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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%20224h-46.5c-45%200-81.5%2036.5-81.5%2081.5c0%2022.3%2010.3%2034.3%2019.2%2040.5c6.8%204.7%2012.8%2012%2012.8%2020.3c0%209.8-8%2017.8-17.8%2017.8h-2.5c-2.4%200-4.8-.4-7.1-1.4C210.8%20374.8%20128%20333.4%20128%20240c0-79.5%2064.5-144%20144-144h80V34.7C352%2015.5%20367.5%200%20386.7%200c8.6%200%2016.8%203.2%2023.2%208.9l138.2%20124.4c7.6%206.8%2011.9%2016.5%2011.9%2026.7s-4.3%2019.9-11.9%2026.7l-139%20125.1c-5.9%205.3-13.5%208.2-21.4%208.2H384c-17.7%200-32-14.3-32-32zM80%2096c-8.8%200-16%207.2-16%2016v320c0%208.8%207.2%2016%2016%2016h320c8.8%200%2016-7.2%2016-16v-48c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032v48c0%2044.2-35.8%2080-80%2080H80c-44.2%200-80-35.8-80-80V112c0-44.2%2035.8-80%2080-80h48c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M352%20224h-46.5c-45%200-81.5%2036.5-81.5%2081.5c0%2022.3%2010.3%2034.3%2019.2%2040.5c6.8%204.7%2012.8%2012%2012.8%2020.3c0%209.8-8%2017.8-17.8%2017.8h-2.5c-2.4%200-4.8-.4-7.1-1.4C210.8%20374.8%20128%20333.4%20128%20240c0-79.5%2064.5-144%20144-144h80V34.7C352%2015.5%20367.5%200%20386.7%200c8.6%200%2016.8%203.2%2023.2%208.9l138.2%20124.4c7.6%206.8%2011.9%2016.5%2011.9%2026.7s-4.3%2019.9-11.9%2026.7l-139%20125.1c-5.9%205.3-13.5%208.2-21.4%208.2H384c-17.7%200-32-14.3-32-32zM80%2096c-8.8%200-16%207.2-16%2016v320c0%208.8%207.2%2016%2016%2016h320c8.8%200%2016-7.2%2016-16v-48c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032v48c0%2044.2-35.8%2080-80%2080H80c-44.2%200-80-35.8-80-80V112c0-44.2%2035.8-80%2080-80h48c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/share-from-square.svg?color=%231a73e8&size=48
