share from square icon
share-from-square from Font Awesome 6 Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- share-from-square
- Set
- Font Awesome 6 Regular
- Style
- Regular
- Viewbox
- 576×512
- License
- CC BY 4.0
The same icon in other sets
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="M400 255.4V208c0-8.8-7.2-16-16-16h-94.5c-50.9 0-93.9 33.5-108.3 79.6c-3.3-9.4-5.2-19.8-5.2-31.6c0-61.9 50.1-112 112-112h96c8.8 0 16-7.2 16-16V64.6L506 160zM336 240h16v48c0 17.7 14.3 32 32 32h3.7c7.9 0 15.5-2.9 21.4-8.2l139-125.1c7.6-6.8 11.9-16.5 11.9-26.7s-4.3-19.9-11.9-26.7L409.9 8.9C403.5 3.2 395.3 0 386.7 0C367.5 0 352 15.5 352 34.7V80h-64c-88.4 0-160 71.6-160 160c0 60.4 34.6 99.1 63.9 120.9c5.9 4.4 11.5 8.1 16.7 11.2c4.4 2.7 8.5 4.9 11.9 6.6s6.2 3 8.2 3.9c2.2 1 4.6 1.4 7.1 1.4h2.5c9.8 0 17.8-8 17.8-17.8c0-7.8-5.3-14.7-11.6-19.5c-.4-.3-.7-.5-1.1-.8c-1.7-1.1-3.4-2.5-5-4.1c-.8-.8-1.7-1.6-2.5-2.6s-1.6-1.9-2.4-2.9c-1.8-2.5-3.5-5.3-5-8.5c-2.6-6-4.3-13.3-4.3-22.4c0-36.1 29.3-65.5 65.5-65.5h46.5zM72 32C32.2 32 0 64.2 0 104v336c0 39.8 32.2 72 72 72h336c39.8 0 72-32.2 72-72v-64c0-13.3-10.7-24-24-24s-24 10.7-24 24v64c0 13.3-10.7 24-24 24H72c-13.3 0-24-10.7-24-24V104c0-13.3 10.7-24 24-24h64c13.3 0 24-10.7 24-24s-10.7-24-24-24z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6RegularShareFromSquare(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="M400 255.4V208c0-8.8-7.2-16-16-16h-94.5c-50.9 0-93.9 33.5-108.3 79.6c-3.3-9.4-5.2-19.8-5.2-31.6c0-61.9 50.1-112 112-112h96c8.8 0 16-7.2 16-16V64.6L506 160zM336 240h16v48c0 17.7 14.3 32 32 32h3.7c7.9 0 15.5-2.9 21.4-8.2l139-125.1c7.6-6.8 11.9-16.5 11.9-26.7s-4.3-19.9-11.9-26.7L409.9 8.9C403.5 3.2 395.3 0 386.7 0C367.5 0 352 15.5 352 34.7V80h-64c-88.4 0-160 71.6-160 160c0 60.4 34.6 99.1 63.9 120.9c5.9 4.4 11.5 8.1 16.7 11.2c4.4 2.7 8.5 4.9 11.9 6.6s6.2 3 8.2 3.9c2.2 1 4.6 1.4 7.1 1.4h2.5c9.8 0 17.8-8 17.8-17.8c0-7.8-5.3-14.7-11.6-19.5c-.4-.3-.7-.5-1.1-.8c-1.7-1.1-3.4-2.5-5-4.1c-.8-.8-1.7-1.6-2.5-2.6s-1.6-1.9-2.4-2.9c-1.8-2.5-3.5-5.3-5-8.5c-2.6-6-4.3-13.3-4.3-22.4c0-36.1 29.3-65.5 65.5-65.5h46.5zM72 32C32.2 32 0 64.2 0 104v336c0 39.8 32.2 72 72 72h336c39.8 0 72-32.2 72-72v-64c0-13.3-10.7-24-24-24s-24 10.7-24 24v64c0 13.3-10.7 24-24 24H72c-13.3 0-24-10.7-24-24V104c0-13.3 10.7-24 24-24h64c13.3 0 24-10.7 24-24s-10.7-24-24-24z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M400 255.4V208c0-8.8-7.2-16-16-16h-94.5c-50.9 0-93.9 33.5-108.3 79.6c-3.3-9.4-5.2-19.8-5.2-31.6c0-61.9 50.1-112 112-112h96c8.8 0 16-7.2 16-16V64.6L506 160zM336 240h16v48c0 17.7 14.3 32 32 32h3.7c7.9 0 15.5-2.9 21.4-8.2l139-125.1c7.6-6.8 11.9-16.5 11.9-26.7s-4.3-19.9-11.9-26.7L409.9 8.9C403.5 3.2 395.3 0 386.7 0C367.5 0 352 15.5 352 34.7V80h-64c-88.4 0-160 71.6-160 160c0 60.4 34.6 99.1 63.9 120.9c5.9 4.4 11.5 8.1 16.7 11.2c4.4 2.7 8.5 4.9 11.9 6.6s6.2 3 8.2 3.9c2.2 1 4.6 1.4 7.1 1.4h2.5c9.8 0 17.8-8 17.8-17.8c0-7.8-5.3-14.7-11.6-19.5c-.4-.3-.7-.5-1.1-.8c-1.7-1.1-3.4-2.5-5-4.1c-.8-.8-1.7-1.6-2.5-2.6s-1.6-1.9-2.4-2.9c-1.8-2.5-3.5-5.3-5-8.5c-2.6-6-4.3-13.3-4.3-22.4c0-36.1 29.3-65.5 65.5-65.5h46.5zM72 32C32.2 32 0 64.2 0 104v336c0 39.8 32.2 72 72 72h336c39.8 0 72-32.2 72-72v-64c0-13.3-10.7-24-24-24s-24 10.7-24 24v64c0 13.3-10.7 24-24 24H72c-13.3 0-24-10.7-24-24V104c0-13.3 10.7-24 24-24h64c13.3 0 24-10.7 24-24s-10.7-24-24-24z"/></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%22M400%20255.4V208c0-8.8-7.2-16-16-16h-94.5c-50.9%200-93.9%2033.5-108.3%2079.6c-3.3-9.4-5.2-19.8-5.2-31.6c0-61.9%2050.1-112%20112-112h96c8.8%200%2016-7.2%2016-16V64.6L506%20160zM336%20240h16v48c0%2017.7%2014.3%2032%2032%2032h3.7c7.9%200%2015.5-2.9%2021.4-8.2l139-125.1c7.6-6.8%2011.9-16.5%2011.9-26.7s-4.3-19.9-11.9-26.7L409.9%208.9C403.5%203.2%20395.3%200%20386.7%200C367.5%200%20352%2015.5%20352%2034.7V80h-64c-88.4%200-160%2071.6-160%20160c0%2060.4%2034.6%2099.1%2063.9%20120.9c5.9%204.4%2011.5%208.1%2016.7%2011.2c4.4%202.7%208.5%204.9%2011.9%206.6s6.2%203%208.2%203.9c2.2%201%204.6%201.4%207.1%201.4h2.5c9.8%200%2017.8-8%2017.8-17.8c0-7.8-5.3-14.7-11.6-19.5c-.4-.3-.7-.5-1.1-.8c-1.7-1.1-3.4-2.5-5-4.1c-.8-.8-1.7-1.6-2.5-2.6s-1.6-1.9-2.4-2.9c-1.8-2.5-3.5-5.3-5-8.5c-2.6-6-4.3-13.3-4.3-22.4c0-36.1%2029.3-65.5%2065.5-65.5h46.5zM72%2032C32.2%2032%200%2064.2%200%20104v336c0%2039.8%2032.2%2072%2072%2072h336c39.8%200%2072-32.2%2072-72v-64c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v64c0%2013.3-10.7%2024-24%2024H72c-13.3%200-24-10.7-24-24V104c0-13.3%2010.7-24%2024-24h64c13.3%200%2024-10.7%2024-24s-10.7-24-24-24z%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%22M400%20255.4V208c0-8.8-7.2-16-16-16h-94.5c-50.9%200-93.9%2033.5-108.3%2079.6c-3.3-9.4-5.2-19.8-5.2-31.6c0-61.9%2050.1-112%20112-112h96c8.8%200%2016-7.2%2016-16V64.6L506%20160zM336%20240h16v48c0%2017.7%2014.3%2032%2032%2032h3.7c7.9%200%2015.5-2.9%2021.4-8.2l139-125.1c7.6-6.8%2011.9-16.5%2011.9-26.7s-4.3-19.9-11.9-26.7L409.9%208.9C403.5%203.2%20395.3%200%20386.7%200C367.5%200%20352%2015.5%20352%2034.7V80h-64c-88.4%200-160%2071.6-160%20160c0%2060.4%2034.6%2099.1%2063.9%20120.9c5.9%204.4%2011.5%208.1%2016.7%2011.2c4.4%202.7%208.5%204.9%2011.9%206.6s6.2%203%208.2%203.9c2.2%201%204.6%201.4%207.1%201.4h2.5c9.8%200%2017.8-8%2017.8-17.8c0-7.8-5.3-14.7-11.6-19.5c-.4-.3-.7-.5-1.1-.8c-1.7-1.1-3.4-2.5-5-4.1c-.8-.8-1.7-1.6-2.5-2.6s-1.6-1.9-2.4-2.9c-1.8-2.5-3.5-5.3-5-8.5c-2.6-6-4.3-13.3-4.3-22.4c0-36.1%2029.3-65.5%2065.5-65.5h46.5zM72%2032C32.2%2032%200%2064.2%200%20104v336c0%2039.8%2032.2%2072%2072%2072h336c39.8%200%2072-32.2%2072-72v-64c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v64c0%2013.3-10.7%2024-24%2024H72c-13.3%200-24-10.7-24-24V104c0-13.3%2010.7-24%2024-24h64c13.3%200%2024-10.7%2024-24s-10.7-24-24-24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-regular/share-from-square.svg?color=%231a73e8&size=48
