message edit icon
message-edit-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- message-edit-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More newicons icons from Reicon
Use the message edit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 2H8Q2 2 2 8v13c0 .55.45 1 1 1h13q6 0 6-6V8q0-6-6-6m-4.89 14.66c-.25.25-.71.48-1.05.53l-2.08.29c-.08.01-.16.02-.23.02c-.35 0-.67-.12-.9-.35c-.28-.28-.4-.69-.33-1.13l.29-2.08c.05-.34.28-.81.53-1.05l3.77-3.77a6 6 0 0 0 .51 1.09c.08.14.17.28.25.38c.1.15.2.28.27.35c.04.06.08.1.09.12c.22.25.45.49.67.67c.06.06.1.09.11.1c.13.1.25.21.37.28c.13.1.27.19.41.27c.17.1.35.2.54.29s.37.16.55.22zm5.44-5.43l-.78.78c-.05.05-.12.08-.19.08c-.02 0-.06 0-.08-.01a5.24 5.24 0 0 1-3.58-3.58c-.03-.09 0-.19.07-.26l.79-.79c1.29-1.29 2.51-1.26 3.77 0c.64.64.96 1.26.95 1.9c0 .63-.31 1.24-.95 1.88"/></svg>
React
import type { SVGProps } from "react";
export function ReiconMessageEditFilled(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="M16 2H8Q2 2 2 8v13c0 .55.45 1 1 1h13q6 0 6-6V8q0-6-6-6m-4.89 14.66c-.25.25-.71.48-1.05.53l-2.08.29c-.08.01-.16.02-.23.02c-.35 0-.67-.12-.9-.35c-.28-.28-.4-.69-.33-1.13l.29-2.08c.05-.34.28-.81.53-1.05l3.77-3.77a6 6 0 0 0 .51 1.09c.08.14.17.28.25.38c.1.15.2.28.27.35c.04.06.08.1.09.12c.22.25.45.49.67.67c.06.06.1.09.11.1c.13.1.25.21.37.28c.13.1.27.19.41.27c.17.1.35.2.54.29s.37.16.55.22zm5.44-5.43l-.78.78c-.05.05-.12.08-.19.08c-.02 0-.06 0-.08-.01a5.24 5.24 0 0 1-3.58-3.58c-.03-.09 0-.19.07-.26l.79-.79c1.29-1.29 2.51-1.26 3.77 0c.64.64.96 1.26.95 1.9c0 .63-.31 1.24-.95 1.88"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 2H8Q2 2 2 8v13c0 .55.45 1 1 1h13q6 0 6-6V8q0-6-6-6m-4.89 14.66c-.25.25-.71.48-1.05.53l-2.08.29c-.08.01-.16.02-.23.02c-.35 0-.67-.12-.9-.35c-.28-.28-.4-.69-.33-1.13l.29-2.08c.05-.34.28-.81.53-1.05l3.77-3.77a6 6 0 0 0 .51 1.09c.08.14.17.28.25.38c.1.15.2.28.27.35c.04.06.08.1.09.12c.22.25.45.49.67.67c.06.06.1.09.11.1c.13.1.25.21.37.28c.13.1.27.19.41.27c.17.1.35.2.54.29s.37.16.55.22zm5.44-5.43l-.78.78c-.05.05-.12.08-.19.08c-.02 0-.06 0-.08-.01a5.24 5.24 0 0 1-3.58-3.58c-.03-.09 0-.19.07-.26l.79-.79c1.29-1.29 2.51-1.26 3.77 0c.64.64.96 1.26.95 1.9c0 .63-.31 1.24-.95 1.88"/></svg> </template>
CSS
.icon-message-edit-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%22M16%202H8Q2%202%202%208v13c0%20.55.45%201%201%201h13q6%200%206-6V8q0-6-6-6m-4.89%2014.66c-.25.25-.71.48-1.05.53l-2.08.29c-.08.01-.16.02-.23.02c-.35%200-.67-.12-.9-.35c-.28-.28-.4-.69-.33-1.13l.29-2.08c.05-.34.28-.81.53-1.05l3.77-3.77a6%206%200%200%200%20.51%201.09c.08.14.17.28.25.38c.1.15.2.28.27.35c.04.06.08.1.09.12c.22.25.45.49.67.67c.06.06.1.09.11.1c.13.1.25.21.37.28c.13.1.27.19.41.27c.17.1.35.2.54.29s.37.16.55.22zm5.44-5.43l-.78.78c-.05.05-.12.08-.19.08c-.02%200-.06%200-.08-.01a5.24%205.24%200%200%201-3.58-3.58c-.03-.09%200-.19.07-.26l.79-.79c1.29-1.29%202.51-1.26%203.77%200c.64.64.96%201.26.95%201.9c0%20.63-.31%201.24-.95%201.88%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%22M16%202H8Q2%202%202%208v13c0%20.55.45%201%201%201h13q6%200%206-6V8q0-6-6-6m-4.89%2014.66c-.25.25-.71.48-1.05.53l-2.08.29c-.08.01-.16.02-.23.02c-.35%200-.67-.12-.9-.35c-.28-.28-.4-.69-.33-1.13l.29-2.08c.05-.34.28-.81.53-1.05l3.77-3.77a6%206%200%200%200%20.51%201.09c.08.14.17.28.25.38c.1.15.2.28.27.35c.04.06.08.1.09.12c.22.25.45.49.67.67c.06.06.1.09.11.1c.13.1.25.21.37.28c.13.1.27.19.41.27c.17.1.35.2.54.29s.37.16.55.22zm5.44-5.43l-.78.78c-.05.05-.12.08-.19.08c-.02%200-.06%200-.08-.01a5.24%205.24%200%200%201-3.58-3.58c-.03-.09%200-.19.07-.26l.79-.79c1.29-1.29%202.51-1.26%203.77%200c.64.64.96%201.26.95%201.9c0%20.63-.31%201.24-.95%201.88%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/message-edit-filled.svg?color=%231a73e8&size=48
