msg writing icon

msg-writing-filled from Reicon by REICON · Filled · Messages · MIT Free for personal and commercial use.

Name
msg-writing-filled
Set
Reicon
Style
Filled
Category
Messages
Viewbox
24×24
License
MIT

1 other variant in Reicon

msg-writing

More messages icons from Reicon

at-signchatchat-checkchat-dotschat-linechat-minuschat-pluschat-roundchat-round-callchat-round-checkchat-round-dotschat-round-likechat-round-linechat-round-moneychat-round-unreadchat-round-videochat-squarechat-square-arrowchat-square-callchat-square-checkchat-square-codechat-square-likechat-unreadchat-x

Use the msg writing icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.333C6.119 1.333 1.333 6.12 1.333 12c0 1.861.495 3.701 1.416 5.295c.318.594-.126 2.669-1.122 3.665a1 1 0 0 0 .653 1.705q.158.008.321.008c1.527 0 3.38-.542 4.587-1.161A10.6 10.6 0 0 0 12 22.667c5.881 0 10.667-4.786 10.667-10.667S17.88 1.333 12 1.333m-4.667 12A1.334 1.334 0 0 1 6 12a1.334 1.334 0 0 1 2.667 0c0 .735-.598 1.333-1.334 1.333m4.667 0A1.334 1.334 0 0 1 10.667 12a1.334 1.334 0 0 1 2.666 0c0 .735-.597 1.333-1.333 1.333m4.667 0A1.335 1.335 0 0 1 15.333 12A1.334 1.334 0 0 1 18 12c0 .735-.597 1.333-1.333 1.333"/></svg>

React

import type { SVGProps } from "react";

export function ReiconMsgWritingFilled(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" d="M12 1.333C6.119 1.333 1.333 6.12 1.333 12c0 1.861.495 3.701 1.416 5.295c.318.594-.126 2.669-1.122 3.665a1 1 0 0 0 .653 1.705q.158.008.321.008c1.527 0 3.38-.542 4.587-1.161A10.6 10.6 0 0 0 12 22.667c5.881 0 10.667-4.786 10.667-10.667S17.88 1.333 12 1.333m-4.667 12A1.334 1.334 0 0 1 6 12a1.334 1.334 0 0 1 2.667 0c0 .735-.598 1.333-1.334 1.333m4.667 0A1.334 1.334 0 0 1 10.667 12a1.334 1.334 0 0 1 2.666 0c0 .735-.597 1.333-1.333 1.333m4.667 0A1.335 1.335 0 0 1 15.333 12A1.334 1.334 0 0 1 18 12c0 .735-.597 1.333-1.333 1.333"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.333C6.119 1.333 1.333 6.12 1.333 12c0 1.861.495 3.701 1.416 5.295c.318.594-.126 2.669-1.122 3.665a1 1 0 0 0 .653 1.705q.158.008.321.008c1.527 0 3.38-.542 4.587-1.161A10.6 10.6 0 0 0 12 22.667c5.881 0 10.667-4.786 10.667-10.667S17.88 1.333 12 1.333m-4.667 12A1.334 1.334 0 0 1 6 12a1.334 1.334 0 0 1 2.667 0c0 .735-.598 1.333-1.334 1.333m4.667 0A1.334 1.334 0 0 1 10.667 12a1.334 1.334 0 0 1 2.666 0c0 .735-.597 1.333-1.333 1.333m4.667 0A1.335 1.335 0 0 1 15.333 12A1.334 1.334 0 0 1 18 12c0 .735-.597 1.333-1.333 1.333"/></svg>
</template>

CSS

.icon-msg-writing-filled {
  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%20d%3D%22M12%201.333C6.119%201.333%201.333%206.12%201.333%2012c0%201.861.495%203.701%201.416%205.295c.318.594-.126%202.669-1.122%203.665a1%201%200%200%200%20.653%201.705q.158.008.321.008c1.527%200%203.38-.542%204.587-1.161A10.6%2010.6%200%200%200%2012%2022.667c5.881%200%2010.667-4.786%2010.667-10.667S17.88%201.333%2012%201.333m-4.667%2012A1.334%201.334%200%200%201%206%2012a1.334%201.334%200%200%201%202.667%200c0%20.735-.598%201.333-1.334%201.333m4.667%200A1.334%201.334%200%200%201%2010.667%2012a1.334%201.334%200%200%201%202.666%200c0%20.735-.597%201.333-1.333%201.333m4.667%200A1.335%201.335%200%200%201%2015.333%2012A1.334%201.334%200%200%201%2018%2012c0%20.735-.597%201.333-1.333%201.333%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%20d%3D%22M12%201.333C6.119%201.333%201.333%206.12%201.333%2012c0%201.861.495%203.701%201.416%205.295c.318.594-.126%202.669-1.122%203.665a1%201%200%200%200%20.653%201.705q.158.008.321.008c1.527%200%203.38-.542%204.587-1.161A10.6%2010.6%200%200%200%2012%2022.667c5.881%200%2010.667-4.786%2010.667-10.667S17.88%201.333%2012%201.333m-4.667%2012A1.334%201.334%200%200%201%206%2012a1.334%201.334%200%200%201%202.667%200c0%20.735-.598%201.333-1.334%201.333m4.667%200A1.334%201.334%200%200%201%2010.667%2012a1.334%201.334%200%200%201%202.666%200c0%20.735-.597%201.333-1.333%201.333m4.667%200A1.335%201.335%200%200%201%2015.333%2012A1.334%201.334%200%200%201%2018%2012c0%20.735-.597%201.333-1.333%201.333%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/msg-writing-filled.svg?color=%231a73e8&size=48