square forward icon
square-forward-linear from Solar by 480 Design · Linear · Messages · CC-BY-4.0 Attribution required.
- Name
- square-forward-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 forward 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 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2"/><path stroke-linejoin="round" d="M16.1549 3.43415L18.5122 5.47712C20.1349 6.88345 20.9462 7.58662 20.9462 8.49988C20.9462 9.41314 20.1349 10.1163 18.5122 11.5226L16.1549 13.5656C15.4414 14.184 15.0846 14.4932 14.7923 14.3597C14.5 14.2262 14.5 13.7541 14.5 12.8099V11.2856C11.5 11.2856 8.25 12.6785 7 14.9999C7 7.57131 11.4444 5.71416 14.5 5.71416V4.18984C14.5 3.24562 14.5 2.77351 14.7923 2.64003C15.0846 2.50656 15.4414 2.81575 16.1549 3.43415Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSquareForwardLinear(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 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2"/><path strokeLinejoin="round" d="M16.1549 3.43415L18.5122 5.47712C20.1349 6.88345 20.9462 7.58662 20.9462 8.49988C20.9462 9.41314 20.1349 10.1163 18.5122 11.5226L16.1549 13.5656C15.4414 14.184 15.0846 14.4932 14.7923 14.3597C14.5 14.2262 14.5 13.7541 14.5 12.8099V11.2856C11.5 11.2856 8.25 12.6785 7 14.9999C7 7.57131 11.4444 5.71416 14.5 5.71416V4.18984C14.5 3.24562 14.5 2.77351 14.7923 2.64003C15.0846 2.50656 15.4414 2.81575 16.1549 3.43415Z"/></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 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2"/><path stroke-linejoin="round" d="M16.1549 3.43415L18.5122 5.47712C20.1349 6.88345 20.9462 7.58662 20.9462 8.49988C20.9462 9.41314 20.1349 10.1163 18.5122 11.5226L16.1549 13.5656C15.4414 14.184 15.0846 14.4932 14.7923 14.3597C14.5 14.2262 14.5 13.7541 14.5 12.8099V11.2856C11.5 11.2856 8.25 12.6785 7 14.9999C7 7.57131 11.4444 5.71416 14.5 5.71416V4.18984C14.5 3.24562 14.5 2.77351 14.7923 2.64003C15.0846 2.50656 15.4414 2.81575 16.1549 3.43415Z"/></g></svg> </template>
CSS
.icon-square-forward-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%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M16.1549%203.43415L18.5122%205.47712C20.1349%206.88345%2020.9462%207.58662%2020.9462%208.49988C20.9462%209.41314%2020.1349%2010.1163%2018.5122%2011.5226L16.1549%2013.5656C15.4414%2014.184%2015.0846%2014.4932%2014.7923%2014.3597C14.5%2014.2262%2014.5%2013.7541%2014.5%2012.8099V11.2856C11.5%2011.2856%208.25%2012.6785%207%2014.9999C7%207.57131%2011.4444%205.71416%2014.5%205.71416V4.18984C14.5%203.24562%2014.5%202.77351%2014.7923%202.64003C15.0846%202.50656%2015.4414%202.81575%2016.1549%203.43415Z%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%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M16.1549%203.43415L18.5122%205.47712C20.1349%206.88345%2020.9462%207.58662%2020.9462%208.49988C20.9462%209.41314%2020.1349%2010.1163%2018.5122%2011.5226L16.1549%2013.5656C15.4414%2014.184%2015.0846%2014.4932%2014.7923%2014.3597C14.5%2014.2262%2014.5%2013.7541%2014.5%2012.8099V11.2856C11.5%2011.2856%208.25%2012.6785%207%2014.9999C7%207.57131%2011.4444%205.71416%2014.5%205.71416V4.18984C14.5%203.24562%2014.5%202.77351%2014.7923%202.64003C15.0846%202.50656%2015.4414%202.81575%2016.1549%203.43415Z%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-forward-linear.svg?color=%231a73e8&size=48
