square share line icon
square-share-line-linear from Solar by 480 Design · Linear · Messages · CC-BY-4.0 Attribution required.
- Name
- square-share-line-linear
- Set
- Solar
- Style
- Linear
- Category
- Messages
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More messages icons from Solar
chat-round-add-boldchat-round-boldchat-round-call-boldchat-round-check-boldchat-round-close-boldchat-round-code-boldchat-round-dots-boldchat-round-like-boldchat-round-line-boldchat-round-money-boldchat-round-off-boldchat-round-question-mark-boldchat-round-quote-boldchat-round-replay-boldchat-round-unread-boldchat-round-video-boldchat-round-warning-boldchat-square-add-boldchat-square-arrow-boldchat-square-boldchat-square-call-boldchat-square-check-boldchat-square-close-boldchat-square-code-bold
Use the square share line 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-linecap="round" stroke-width="1.5"><path d="M22 13.9979C21.9711 17.4119 21.7815 19.294 20.5404 20.5352C19.0755 22 16.7179 22 12.0026 22C7.28733 22 4.9297 22 3.46485 20.5352C2 19.0703 2 16.7127 2 11.9974C2 7.28212 2 4.92448 3.46485 3.45963C4.70599 2.21848 6.58807 2.02895 10.0021 2"/><path stroke-linejoin="round" d="M22 7H14C12.1824 7 11.0867 7.89202 10.6804 8.30029C10.5546 8.42673 10.4917 8.48996 10.4908 8.49082C10.49 8.49168 10.4267 8.55459 10.3003 8.68042C9.89202 9.08671 9 10.1824 9 12V15M17 12L22 7L17 2"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSquareShareLineLinear(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" strokeLinecap="round" strokeWidth="1.5"><path d="M22 13.9979C21.9711 17.4119 21.7815 19.294 20.5404 20.5352C19.0755 22 16.7179 22 12.0026 22C7.28733 22 4.9297 22 3.46485 20.5352C2 19.0703 2 16.7127 2 11.9974C2 7.28212 2 4.92448 3.46485 3.45963C4.70599 2.21848 6.58807 2.02895 10.0021 2"/><path strokeLinejoin="round" d="M22 7H14C12.1824 7 11.0867 7.89202 10.6804 8.30029C10.5546 8.42673 10.4917 8.48996 10.4908 8.49082C10.49 8.49168 10.4267 8.55459 10.3003 8.68042C9.89202 9.08671 9 10.1824 9 12V15M17 12L22 7L17 2"/></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-linecap="round" stroke-width="1.5"><path d="M22 13.9979C21.9711 17.4119 21.7815 19.294 20.5404 20.5352C19.0755 22 16.7179 22 12.0026 22C7.28733 22 4.9297 22 3.46485 20.5352C2 19.0703 2 16.7127 2 11.9974C2 7.28212 2 4.92448 3.46485 3.45963C4.70599 2.21848 6.58807 2.02895 10.0021 2"/><path stroke-linejoin="round" d="M22 7H14C12.1824 7 11.0867 7.89202 10.6804 8.30029C10.5546 8.42673 10.4917 8.48996 10.4908 8.49082C10.49 8.49168 10.4267 8.55459 10.3003 8.68042C9.89202 9.08671 9 10.1824 9 12V15M17 12L22 7L17 2"/></g></svg> </template>
CSS
.icon-square-share-line-linear {
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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2013.9979C21.9711%2017.4119%2021.7815%2019.294%2020.5404%2020.5352C19.0755%2022%2016.7179%2022%2012.0026%2022C7.28733%2022%204.9297%2022%203.46485%2020.5352C2%2019.0703%202%2016.7127%202%2011.9974C2%207.28212%202%204.92448%203.46485%203.45963C4.70599%202.21848%206.58807%202.02895%2010.0021%202%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%207H14C12.1824%207%2011.0867%207.89202%2010.6804%208.30029C10.5546%208.42673%2010.4917%208.48996%2010.4908%208.49082C10.49%208.49168%2010.4267%208.55459%2010.3003%208.68042C9.89202%209.08671%209%2010.1824%209%2012V15M17%2012L22%207L17%202%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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M22%2013.9979C21.9711%2017.4119%2021.7815%2019.294%2020.5404%2020.5352C19.0755%2022%2016.7179%2022%2012.0026%2022C7.28733%2022%204.9297%2022%203.46485%2020.5352C2%2019.0703%202%2016.7127%202%2011.9974C2%207.28212%202%204.92448%203.46485%203.45963C4.70599%202.21848%206.58807%202.02895%2010.0021%202%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%207H14C12.1824%207%2011.0867%207.89202%2010.6804%208.30029C10.5546%208.42673%2010.4917%208.48996%2010.4908%208.49082C10.49%208.49168%2010.4267%208.55459%2010.3003%208.68042C9.89202%209.08671%209%2010.1824%209%2012V15M17%2012L22%207L17%202%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/square-share-line-linear.svg?color=%231a73e8&size=48
