chat square arrow icon
chat-square-arrow from Reicon by REICON · Outline · Messages · MIT Free for personal and commercial use.
- Name
- chat-square-arrow
- Set
- Reicon
- Style
- Outline
- Category
- Messages
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More messages icons from Reicon
Use the chat square arrow icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.784 1.473a.75.75 0 0 1-.007 1.06l-.956.945c.832.009 1.632.029 2.354.078c.621.042 1.203.106 1.71.207c.496.099.975.243 1.355.472a5.2 5.2 0 0 1 1.734 1.714c.418.673.601 1.433.69 2.35c.086.897.086 2.018.086 3.44v.039a.75.75 0 0 1-1.5 0c0-1.47 0-2.519-.08-3.335c-.077-.806-.225-1.307-.47-1.703a3.7 3.7 0 0 0-1.237-1.221c-.161-.098-.442-.2-.87-.285c-.42-.083-.93-.142-1.519-.182a40 40 0 0 0-2.241-.074l.944.933a.75.75 0 1 1-1.054 1.067l-2.25-2.222a.75.75 0 0 1 0-1.067l2.25-2.223a.75.75 0 0 1 1.06.007M10.05 4.221a.75.75 0 0 1-.748.752c-2.305.007-3.007.087-3.765.546A3.7 3.7 0 0 0 4.3 6.739c-.245.397-.393.898-.47 1.704c-.08.816-.08 1.865-.08 3.335v.889c0 1.046 0 1.792.041 2.38c.04.58.117.952.243 1.253a3.72 3.72 0 0 0 2.028 2c.45.185 1.031.257 2.161.276h.031c.356.006.673.012.937.04c.285.032.57.096.845.254c.273.156.47.366.638.594c.154.21.312.473.487.766l.504.84a.38.38 0 0 0 .335.18a.38.38 0 0 0 .335-.18l.503-.84c.176-.293.334-.557.488-.766a2.1 2.1 0 0 1 .638-.594a2.1 2.1 0 0 1 .845-.253c.264-.03.58-.035.937-.04l.03-.001c1.13-.02 1.711-.09 2.162-.275a3.72 3.72 0 0 0 2.028-2.001c.169-.404.245-.92.271-1.876a.75.75 0 0 1 1.5.04c-.027.982-.104 1.738-.388 2.416a5.22 5.22 0 0 1-2.843 2.81c-.738.301-1.574.366-2.704.386a10 10 0 0 0-.83.032c-.174.019-.232.046-.261.062a.6.6 0 0 0-.178.185a9 9 0 0 0-.424.672l-.488.814c-.726 1.212-2.516 1.212-3.242 0l-.488-.814a9 9 0 0 0-.424-.672c-.097-.131-.147-.167-.178-.185c-.029-.016-.087-.043-.26-.062a10 10 0 0 0-.831-.032c-1.13-.02-1.966-.085-2.704-.387a5.22 5.22 0 0 1-2.843-2.81c-.216-.515-.31-1.07-.356-1.729c-.045-.646-.045-1.444-.045-2.455v-.957c0-1.421 0-2.542.086-3.44c.089-.916.272-1.676.69-2.349A5.2 5.2 0 0 1 4.76 4.235c1.17-.708 2.302-.755 4.538-.762a.75.75 0 0 1 .752.748" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconChatSquareArrow(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M14.784 1.473a.75.75 0 0 1-.007 1.06l-.956.945c.832.009 1.632.029 2.354.078c.621.042 1.203.106 1.71.207c.496.099.975.243 1.355.472a5.2 5.2 0 0 1 1.734 1.714c.418.673.601 1.433.69 2.35c.086.897.086 2.018.086 3.44v.039a.75.75 0 0 1-1.5 0c0-1.47 0-2.519-.08-3.335c-.077-.806-.225-1.307-.47-1.703a3.7 3.7 0 0 0-1.237-1.221c-.161-.098-.442-.2-.87-.285c-.42-.083-.93-.142-1.519-.182a40 40 0 0 0-2.241-.074l.944.933a.75.75 0 1 1-1.054 1.067l-2.25-2.222a.75.75 0 0 1 0-1.067l2.25-2.223a.75.75 0 0 1 1.06.007M10.05 4.221a.75.75 0 0 1-.748.752c-2.305.007-3.007.087-3.765.546A3.7 3.7 0 0 0 4.3 6.739c-.245.397-.393.898-.47 1.704c-.08.816-.08 1.865-.08 3.335v.889c0 1.046 0 1.792.041 2.38c.04.58.117.952.243 1.253a3.72 3.72 0 0 0 2.028 2c.45.185 1.031.257 2.161.276h.031c.356.006.673.012.937.04c.285.032.57.096.845.254c.273.156.47.366.638.594c.154.21.312.473.487.766l.504.84a.38.38 0 0 0 .335.18a.38.38 0 0 0 .335-.18l.503-.84c.176-.293.334-.557.488-.766a2.1 2.1 0 0 1 .638-.594a2.1 2.1 0 0 1 .845-.253c.264-.03.58-.035.937-.04l.03-.001c1.13-.02 1.711-.09 2.162-.275a3.72 3.72 0 0 0 2.028-2.001c.169-.404.245-.92.271-1.876a.75.75 0 0 1 1.5.04c-.027.982-.104 1.738-.388 2.416a5.22 5.22 0 0 1-2.843 2.81c-.738.301-1.574.366-2.704.386a10 10 0 0 0-.83.032c-.174.019-.232.046-.261.062a.6.6 0 0 0-.178.185a9 9 0 0 0-.424.672l-.488.814c-.726 1.212-2.516 1.212-3.242 0l-.488-.814a9 9 0 0 0-.424-.672c-.097-.131-.147-.167-.178-.185c-.029-.016-.087-.043-.26-.062a10 10 0 0 0-.831-.032c-1.13-.02-1.966-.085-2.704-.387a5.22 5.22 0 0 1-2.843-2.81c-.216-.515-.31-1.07-.356-1.729c-.045-.646-.045-1.444-.045-2.455v-.957c0-1.421 0-2.542.086-3.44c.089-.916.272-1.676.69-2.349A5.2 5.2 0 0 1 4.76 4.235c1.17-.708 2.302-.755 4.538-.762a.75.75 0 0 1 .752.748" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.784 1.473a.75.75 0 0 1-.007 1.06l-.956.945c.832.009 1.632.029 2.354.078c.621.042 1.203.106 1.71.207c.496.099.975.243 1.355.472a5.2 5.2 0 0 1 1.734 1.714c.418.673.601 1.433.69 2.35c.086.897.086 2.018.086 3.44v.039a.75.75 0 0 1-1.5 0c0-1.47 0-2.519-.08-3.335c-.077-.806-.225-1.307-.47-1.703a3.7 3.7 0 0 0-1.237-1.221c-.161-.098-.442-.2-.87-.285c-.42-.083-.93-.142-1.519-.182a40 40 0 0 0-2.241-.074l.944.933a.75.75 0 1 1-1.054 1.067l-2.25-2.222a.75.75 0 0 1 0-1.067l2.25-2.223a.75.75 0 0 1 1.06.007M10.05 4.221a.75.75 0 0 1-.748.752c-2.305.007-3.007.087-3.765.546A3.7 3.7 0 0 0 4.3 6.739c-.245.397-.393.898-.47 1.704c-.08.816-.08 1.865-.08 3.335v.889c0 1.046 0 1.792.041 2.38c.04.58.117.952.243 1.253a3.72 3.72 0 0 0 2.028 2c.45.185 1.031.257 2.161.276h.031c.356.006.673.012.937.04c.285.032.57.096.845.254c.273.156.47.366.638.594c.154.21.312.473.487.766l.504.84a.38.38 0 0 0 .335.18a.38.38 0 0 0 .335-.18l.503-.84c.176-.293.334-.557.488-.766a2.1 2.1 0 0 1 .638-.594a2.1 2.1 0 0 1 .845-.253c.264-.03.58-.035.937-.04l.03-.001c1.13-.02 1.711-.09 2.162-.275a3.72 3.72 0 0 0 2.028-2.001c.169-.404.245-.92.271-1.876a.75.75 0 0 1 1.5.04c-.027.982-.104 1.738-.388 2.416a5.22 5.22 0 0 1-2.843 2.81c-.738.301-1.574.366-2.704.386a10 10 0 0 0-.83.032c-.174.019-.232.046-.261.062a.6.6 0 0 0-.178.185a9 9 0 0 0-.424.672l-.488.814c-.726 1.212-2.516 1.212-3.242 0l-.488-.814a9 9 0 0 0-.424-.672c-.097-.131-.147-.167-.178-.185c-.029-.016-.087-.043-.26-.062a10 10 0 0 0-.831-.032c-1.13-.02-1.966-.085-2.704-.387a5.22 5.22 0 0 1-2.843-2.81c-.216-.515-.31-1.07-.356-1.729c-.045-.646-.045-1.444-.045-2.455v-.957c0-1.421 0-2.542.086-3.44c.089-.916.272-1.676.69-2.349A5.2 5.2 0 0 1 4.76 4.235c1.17-.708 2.302-.755 4.538-.762a.75.75 0 0 1 .752.748" clip-rule="evenodd"/></svg> </template>
CSS
.icon-chat-square-arrow {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.784%201.473a.75.75%200%200%201-.007%201.06l-.956.945c.832.009%201.632.029%202.354.078c.621.042%201.203.106%201.71.207c.496.099.975.243%201.355.472a5.2%205.2%200%200%201%201.734%201.714c.418.673.601%201.433.69%202.35c.086.897.086%202.018.086%203.44v.039a.75.75%200%200%201-1.5%200c0-1.47%200-2.519-.08-3.335c-.077-.806-.225-1.307-.47-1.703a3.7%203.7%200%200%200-1.237-1.221c-.161-.098-.442-.2-.87-.285c-.42-.083-.93-.142-1.519-.182a40%2040%200%200%200-2.241-.074l.944.933a.75.75%200%201%201-1.054%201.067l-2.25-2.222a.75.75%200%200%201%200-1.067l2.25-2.223a.75.75%200%200%201%201.06.007M10.05%204.221a.75.75%200%200%201-.748.752c-2.305.007-3.007.087-3.765.546A3.7%203.7%200%200%200%204.3%206.739c-.245.397-.393.898-.47%201.704c-.08.816-.08%201.865-.08%203.335v.889c0%201.046%200%201.792.041%202.38c.04.58.117.952.243%201.253a3.72%203.72%200%200%200%202.028%202c.45.185%201.031.257%202.161.276h.031c.356.006.673.012.937.04c.285.032.57.096.845.254c.273.156.47.366.638.594c.154.21.312.473.487.766l.504.84a.38.38%200%200%200%20.335.18a.38.38%200%200%200%20.335-.18l.503-.84c.176-.293.334-.557.488-.766a2.1%202.1%200%200%201%20.638-.594a2.1%202.1%200%200%201%20.845-.253c.264-.03.58-.035.937-.04l.03-.001c1.13-.02%201.711-.09%202.162-.275a3.72%203.72%200%200%200%202.028-2.001c.169-.404.245-.92.271-1.876a.75.75%200%200%201%201.5.04c-.027.982-.104%201.738-.388%202.416a5.22%205.22%200%200%201-2.843%202.81c-.738.301-1.574.366-2.704.386a10%2010%200%200%200-.83.032c-.174.019-.232.046-.261.062a.6.6%200%200%200-.178.185a9%209%200%200%200-.424.672l-.488.814c-.726%201.212-2.516%201.212-3.242%200l-.488-.814a9%209%200%200%200-.424-.672c-.097-.131-.147-.167-.178-.185c-.029-.016-.087-.043-.26-.062a10%2010%200%200%200-.831-.032c-1.13-.02-1.966-.085-2.704-.387a5.22%205.22%200%200%201-2.843-2.81c-.216-.515-.31-1.07-.356-1.729c-.045-.646-.045-1.444-.045-2.455v-.957c0-1.421%200-2.542.086-3.44c.089-.916.272-1.676.69-2.349A5.2%205.2%200%200%201%204.76%204.235c1.17-.708%202.302-.755%204.538-.762a.75.75%200%200%201%20.752.748%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.784%201.473a.75.75%200%200%201-.007%201.06l-.956.945c.832.009%201.632.029%202.354.078c.621.042%201.203.106%201.71.207c.496.099.975.243%201.355.472a5.2%205.2%200%200%201%201.734%201.714c.418.673.601%201.433.69%202.35c.086.897.086%202.018.086%203.44v.039a.75.75%200%200%201-1.5%200c0-1.47%200-2.519-.08-3.335c-.077-.806-.225-1.307-.47-1.703a3.7%203.7%200%200%200-1.237-1.221c-.161-.098-.442-.2-.87-.285c-.42-.083-.93-.142-1.519-.182a40%2040%200%200%200-2.241-.074l.944.933a.75.75%200%201%201-1.054%201.067l-2.25-2.222a.75.75%200%200%201%200-1.067l2.25-2.223a.75.75%200%200%201%201.06.007M10.05%204.221a.75.75%200%200%201-.748.752c-2.305.007-3.007.087-3.765.546A3.7%203.7%200%200%200%204.3%206.739c-.245.397-.393.898-.47%201.704c-.08.816-.08%201.865-.08%203.335v.889c0%201.046%200%201.792.041%202.38c.04.58.117.952.243%201.253a3.72%203.72%200%200%200%202.028%202c.45.185%201.031.257%202.161.276h.031c.356.006.673.012.937.04c.285.032.57.096.845.254c.273.156.47.366.638.594c.154.21.312.473.487.766l.504.84a.38.38%200%200%200%20.335.18a.38.38%200%200%200%20.335-.18l.503-.84c.176-.293.334-.557.488-.766a2.1%202.1%200%200%201%20.638-.594a2.1%202.1%200%200%201%20.845-.253c.264-.03.58-.035.937-.04l.03-.001c1.13-.02%201.711-.09%202.162-.275a3.72%203.72%200%200%200%202.028-2.001c.169-.404.245-.92.271-1.876a.75.75%200%200%201%201.5.04c-.027.982-.104%201.738-.388%202.416a5.22%205.22%200%200%201-2.843%202.81c-.738.301-1.574.366-2.704.386a10%2010%200%200%200-.83.032c-.174.019-.232.046-.261.062a.6.6%200%200%200-.178.185a9%209%200%200%200-.424.672l-.488.814c-.726%201.212-2.516%201.212-3.242%200l-.488-.814a9%209%200%200%200-.424-.672c-.097-.131-.147-.167-.178-.185c-.029-.016-.087-.043-.26-.062a10%2010%200%200%200-.831-.032c-1.13-.02-1.966-.085-2.704-.387a5.22%205.22%200%200%201-2.843-2.81c-.216-.515-.31-1.07-.356-1.729c-.045-.646-.045-1.444-.045-2.455v-.957c0-1.421%200-2.542.086-3.44c.089-.916.272-1.676.69-2.349A5.2%205.2%200%200%201%204.76%204.235c1.17-.708%202.302-.755%204.538-.762a.75.75%200%200%201%20.752.748%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/chat-square-arrow.svg?color=%231a73e8&size=48
