message icon
message-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- message-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- message, message-outline
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="M464 512a48 48 0 1 0 96 0a48 48 0 1 0-96 0m200 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0m-400 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0m661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.4 444.4 0 0 0-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.4 445.4 0 0 0-142 96.5c-40.9 41.3-73 89.3-95.2 142.8c-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 0 0 112 714v152a46 46 0 0 0 46 46h152.1A449.4 449.4 0 0 0 510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.5 444.5 0 0 0 142.8-95.2c41.3-40.9 73.8-88.7 96.5-142c23.6-55.2 35.6-113.9 35.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8c69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9c44.6 18.7 84.6 45.6 119 80c34.3 34.3 61.3 74.4 80 119c19.4 46.2 29.1 95.2 28.9 145.8c-.6 99.6-39.7 192.9-110.1 262.7"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignMessageOutlined(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="M464 512a48 48 0 1 0 96 0a48 48 0 1 0-96 0m200 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0m-400 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0m661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.4 444.4 0 0 0-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.4 445.4 0 0 0-142 96.5c-40.9 41.3-73 89.3-95.2 142.8c-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 0 0 112 714v152a46 46 0 0 0 46 46h152.1A449.4 449.4 0 0 0 510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.5 444.5 0 0 0 142.8-95.2c41.3-40.9 73.8-88.7 96.5-142c23.6-55.2 35.6-113.9 35.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8c69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9c44.6 18.7 84.6 45.6 119 80c34.3 34.3 61.3 74.4 80 119c19.4 46.2 29.1 95.2 28.9 145.8c-.6 99.6-39.7 192.9-110.1 262.7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M464 512a48 48 0 1 0 96 0a48 48 0 1 0-96 0m200 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0m-400 0a48 48 0 1 0 96 0a48 48 0 1 0-96 0m661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.4 444.4 0 0 0-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.4 445.4 0 0 0-142 96.5c-40.9 41.3-73 89.3-95.2 142.8c-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 0 0 112 714v152a46 46 0 0 0 46 46h152.1A449.4 449.4 0 0 0 510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.5 444.5 0 0 0 142.8-95.2c41.3-40.9 73.8-88.7 96.5-142c23.6-55.2 35.6-113.9 35.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8c69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9c44.6 18.7 84.6 45.6 119 80c34.3 34.3 61.3 74.4 80 119c19.4 46.2 29.1 95.2 28.9 145.8c-.6 99.6-39.7 192.9-110.1 262.7"/></svg> </template>
CSS
.icon-message-outlined {
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%22M464%20512a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m200%200a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m-400%200a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.4%20444.4%200%200%200-143.3-96.3C630.6%2075.7%20572.2%2064%20512%2064h-2c-60.6.3-119.3%2012.3-174.5%2035.9a445.4%20445.4%200%200%200-142%2096.5c-40.9%2041.3-73%2089.3-95.2%20142.8c-23%2055.4-34.6%20114.3-34.3%20174.9A449.4%20449.4%200%200%200%20112%20714v152a46%2046%200%200%200%2046%2046h152.1A449.4%20449.4%200%200%200%20510%20960h2.1c59.9%200%20118-11.6%20172.7-34.3a444.5%20444.5%200%200%200%20142.8-95.2c41.3-40.9%2073.8-88.7%2096.5-142c23.6-55.2%2035.6-113.9%2035.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1%20438C704%20845.8%20611%20884%20512%20884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3%20633.9%20140.3%20574%20140%20513.7c-.4-99.7%2037.7-193.3%20107.6-263.8c69.8-70.5%20163.1-109.5%20262.8-109.9h1.7c50%200%2098.5%209.7%20144.2%2028.9c44.6%2018.7%2084.6%2045.6%20119%2080c34.3%2034.3%2061.3%2074.4%2080%20119c19.4%2046.2%2029.1%2095.2%2028.9%20145.8c-.6%2099.6-39.7%20192.9-110.1%20262.7%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%22M464%20512a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m200%200a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m-400%200a48%2048%200%201%200%2096%200a48%2048%200%201%200-96%200m661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.4%20444.4%200%200%200-143.3-96.3C630.6%2075.7%20572.2%2064%20512%2064h-2c-60.6.3-119.3%2012.3-174.5%2035.9a445.4%20445.4%200%200%200-142%2096.5c-40.9%2041.3-73%2089.3-95.2%20142.8c-23%2055.4-34.6%20114.3-34.3%20174.9A449.4%20449.4%200%200%200%20112%20714v152a46%2046%200%200%200%2046%2046h152.1A449.4%20449.4%200%200%200%20510%20960h2.1c59.9%200%20118-11.6%20172.7-34.3a444.5%20444.5%200%200%200%20142.8-95.2c41.3-40.9%2073.8-88.7%2096.5-142c23.6-55.2%2035.6-113.9%2035.9-174.5c.3-60.9-11.5-120-34.8-175.6m-151.1%20438C704%20845.8%20611%20884%20512%20884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3%20633.9%20140.3%20574%20140%20513.7c-.4-99.7%2037.7-193.3%20107.6-263.8c69.8-70.5%20163.1-109.5%20262.8-109.9h1.7c50%200%2098.5%209.7%20144.2%2028.9c44.6%2018.7%2084.6%2045.6%20119%2080c34.3%2034.3%2061.3%2074.4%2080%20119c19.4%2046.2%2029.1%2095.2%2028.9%20145.8c-.6%2099.6-39.7%20192.9-110.1%20262.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/message-outlined.svg?color=%231a73e8&size=48
