message icon
message-filled from Ant Design Icons by HeskeyBaozi · Filled · MIT Free for personal and commercial use.
- Name
- message-filled
- Set
- Ant Design Icons
- Style
- Filled
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- message-fill
2 other variants in Ant Design Icons
The same icon in other sets
messageBoxIcons v2messageBoxIcons v2 SolidmessageElement PlusmessageFont Awesome 6 RegularmessageFont Awesome 6 SolidmessageFont Awesome RegularmessageFont Awesome SolidmessageIconParkmessageIconPark OutlinemessageIconPark SolidmessageIconPark TwoTonemessageIconoirmessageJam IconsmessageMage IconsmessageMajesticonsmessageMaterial Design IconsmessageMyna UI IconsmessagePixelarticonsmessage-fillRemix IconmessageTabler Iconsmessage-outlineTeenyiconsmessageUnicons
Use the message icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M924.3 338.4a447.6 447.6 0 0 0-96.1-143.3a443.1 443.1 0 0 0-143-96.3A443.9 443.9 0 0 0 512 64h-2c-60.5.3-119 12.3-174.1 35.9a444.1 444.1 0 0 0-141.7 96.5a445 445 0 0 0-95 142.8A449.9 449.9 0 0 0 65 514.1c.3 69.4 16.9 138.3 47.9 199.9v152c0 25.4 20.6 46 45.9 46h151.8a447.7 447.7 0 0 0 199.5 48h2.1c59.8 0 117.7-11.6 172.3-34.3A443.2 443.2 0 0 0 827 830.5c41.2-40.9 73.6-88.7 96.3-142c23.5-55.2 35.5-113.9 35.8-174.5c.2-60.9-11.6-120-34.8-175.6M312.4 560c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48s47.9 21.5 47.9 48s-21.4 48-47.9 48m199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48s47.9 21.5 47.9 48s-21.5 48-47.9 48m199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48s47.9 21.5 47.9 48s-21.5 48-47.9 48"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignMessageFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M924.3 338.4a447.6 447.6 0 0 0-96.1-143.3a443.1 443.1 0 0 0-143-96.3A443.9 443.9 0 0 0 512 64h-2c-60.5.3-119 12.3-174.1 35.9a444.1 444.1 0 0 0-141.7 96.5a445 445 0 0 0-95 142.8A449.9 449.9 0 0 0 65 514.1c.3 69.4 16.9 138.3 47.9 199.9v152c0 25.4 20.6 46 45.9 46h151.8a447.7 447.7 0 0 0 199.5 48h2.1c59.8 0 117.7-11.6 172.3-34.3A443.2 443.2 0 0 0 827 830.5c41.2-40.9 73.6-88.7 96.3-142c23.5-55.2 35.5-113.9 35.8-174.5c.2-60.9-11.6-120-34.8-175.6M312.4 560c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48s47.9 21.5 47.9 48s-21.4 48-47.9 48m199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48s47.9 21.5 47.9 48s-21.5 48-47.9 48m199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48s47.9 21.5 47.9 48s-21.5 48-47.9 48"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M924.3 338.4a447.6 447.6 0 0 0-96.1-143.3a443.1 443.1 0 0 0-143-96.3A443.9 443.9 0 0 0 512 64h-2c-60.5.3-119 12.3-174.1 35.9a444.1 444.1 0 0 0-141.7 96.5a445 445 0 0 0-95 142.8A449.9 449.9 0 0 0 65 514.1c.3 69.4 16.9 138.3 47.9 199.9v152c0 25.4 20.6 46 45.9 46h151.8a447.7 447.7 0 0 0 199.5 48h2.1c59.8 0 117.7-11.6 172.3-34.3A443.2 443.2 0 0 0 827 830.5c41.2-40.9 73.6-88.7 96.3-142c23.5-55.2 35.5-113.9 35.8-174.5c.2-60.9-11.6-120-34.8-175.6M312.4 560c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48s47.9 21.5 47.9 48s-21.4 48-47.9 48m199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48s47.9 21.5 47.9 48s-21.5 48-47.9 48m199.6 0c-26.4 0-47.9-21.5-47.9-48s21.5-48 47.9-48s47.9 21.5 47.9 48s-21.5 48-47.9 48"/></svg> </template>
CSS
.icon-message-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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M924.3%20338.4a447.6%20447.6%200%200%200-96.1-143.3a443.1%20443.1%200%200%200-143-96.3A443.9%20443.9%200%200%200%20512%2064h-2c-60.5.3-119%2012.3-174.1%2035.9a444.1%20444.1%200%200%200-141.7%2096.5a445%20445%200%200%200-95%20142.8A449.9%20449.9%200%200%200%2065%20514.1c.3%2069.4%2016.9%20138.3%2047.9%20199.9v152c0%2025.4%2020.6%2046%2045.9%2046h151.8a447.7%20447.7%200%200%200%20199.5%2048h2.1c59.8%200%20117.7-11.6%20172.3-34.3A443.2%20443.2%200%200%200%20827%20830.5c41.2-40.9%2073.6-88.7%2096.3-142c23.5-55.2%2035.5-113.9%2035.8-174.5c.2-60.9-11.6-120-34.8-175.6M312.4%20560c-26.4%200-47.9-21.5-47.9-48s21.5-48%2047.9-48s47.9%2021.5%2047.9%2048s-21.4%2048-47.9%2048m199.6%200c-26.4%200-47.9-21.5-47.9-48s21.5-48%2047.9-48s47.9%2021.5%2047.9%2048s-21.5%2048-47.9%2048m199.6%200c-26.4%200-47.9-21.5-47.9-48s21.5-48%2047.9-48s47.9%2021.5%2047.9%2048s-21.5%2048-47.9%2048%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M924.3%20338.4a447.6%20447.6%200%200%200-96.1-143.3a443.1%20443.1%200%200%200-143-96.3A443.9%20443.9%200%200%200%20512%2064h-2c-60.5.3-119%2012.3-174.1%2035.9a444.1%20444.1%200%200%200-141.7%2096.5a445%20445%200%200%200-95%20142.8A449.9%20449.9%200%200%200%2065%20514.1c.3%2069.4%2016.9%20138.3%2047.9%20199.9v152c0%2025.4%2020.6%2046%2045.9%2046h151.8a447.7%20447.7%200%200%200%20199.5%2048h2.1c59.8%200%20117.7-11.6%20172.3-34.3A443.2%20443.2%200%200%200%20827%20830.5c41.2-40.9%2073.6-88.7%2096.3-142c23.5-55.2%2035.5-113.9%2035.8-174.5c.2-60.9-11.6-120-34.8-175.6M312.4%20560c-26.4%200-47.9-21.5-47.9-48s21.5-48%2047.9-48s47.9%2021.5%2047.9%2048s-21.4%2048-47.9%2048m199.6%200c-26.4%200-47.9-21.5-47.9-48s21.5-48%2047.9-48s47.9%2021.5%2047.9%2048s-21.5%2048-47.9%2048m199.6%200c-26.4%200-47.9-21.5-47.9-48s21.5-48%2047.9-48s47.9%2021.5%2047.9%2048s-21.5%2048-47.9%2048%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/message-filled.svg?color=%231a73e8&size=48
