unread icon
unread-bold-duotone from Solar by 480 Design · Bold Duotone · Messages · CC-BY-4.0 Attribution required.
- Name
- unread-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Messages
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More messages icons from Solar
chat-round-add-boldchat-round-boldchat-round-call-boldchat-round-check-boldchat-round-close-boldchat-round-code-boldchat-round-dots-boldchat-round-like-boldchat-round-line-boldchat-round-money-boldchat-round-off-boldchat-round-question-mark-boldchat-round-quote-boldchat-round-replay-boldchat-round-unread-boldchat-round-video-boldchat-round-warning-boldchat-square-add-boldchat-square-arrow-boldchat-square-boldchat-square-call-boldchat-square-check-boldchat-square-close-boldchat-square-code-bold
Use the unread icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355Z" opacity=".5"/><path d="M17.4545 6.90347C17.784 7.1545 17.8476 7.62509 17.5966 7.95457L10.7394 16.9546C10.6029 17.1338 10.393 17.2421 10.1678 17.2496C9.94267 17.2571 9.72605 17.163 9.57788 16.9933L6.43502 13.3933C6.16261 13.0812 6.19473 12.6075 6.50677 12.3351C6.8188 12.0626 7.29259 12.0948 7.565 12.4068L10.1034 15.3144L16.4034 7.04551C16.6545 6.71603 17.1251 6.65243 17.4545 6.90347Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarUnreadBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355Z" opacity=".5"/><path d="M17.4545 6.90347C17.784 7.1545 17.8476 7.62509 17.5966 7.95457L10.7394 16.9546C10.6029 17.1338 10.393 17.2421 10.1678 17.2496C9.94267 17.2571 9.72605 17.163 9.57788 16.9933L6.43502 13.3933C6.16261 13.0812 6.19473 12.6075 6.50677 12.3351C6.8188 12.0626 7.29259 12.0948 7.565 12.4068L10.1034 15.3144L16.4034 7.04551C16.6545 6.71603 17.1251 6.65243 17.4545 6.90347Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355Z" opacity=".5"/><path d="M17.4545 6.90347C17.784 7.1545 17.8476 7.62509 17.5966 7.95457L10.7394 16.9546C10.6029 17.1338 10.393 17.2421 10.1678 17.2496C9.94267 17.2571 9.72605 17.163 9.57788 16.9933L6.43502 13.3933C6.16261 13.0812 6.19473 12.6075 6.50677 12.3351C6.8188 12.0626 7.29259 12.0948 7.565 12.4068L10.1034 15.3144L16.4034 7.04551C16.6545 6.71603 17.1251 6.65243 17.4545 6.90347Z"/></g></svg> </template>
CSS
.icon-unread-bold-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M20.5355%2020.5355C22%2019.0711%2022%2016.714%2022%2012C22%207.28595%2022%204.92893%2020.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022C16.714%2022%2019.0711%2022%2020.5355%2020.5355Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M17.4545%206.90347C17.784%207.1545%2017.8476%207.62509%2017.5966%207.95457L10.7394%2016.9546C10.6029%2017.1338%2010.393%2017.2421%2010.1678%2017.2496C9.94267%2017.2571%209.72605%2017.163%209.57788%2016.9933L6.43502%2013.3933C6.16261%2013.0812%206.19473%2012.6075%206.50677%2012.3351C6.8188%2012.0626%207.29259%2012.0948%207.565%2012.4068L10.1034%2015.3144L16.4034%207.04551C16.6545%206.71603%2017.1251%206.65243%2017.4545%206.90347Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M20.5355%2020.5355C22%2019.0711%2022%2016.714%2022%2012C22%207.28595%2022%204.92893%2020.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022C16.714%2022%2019.0711%2022%2020.5355%2020.5355Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M17.4545%206.90347C17.784%207.1545%2017.8476%207.62509%2017.5966%207.95457L10.7394%2016.9546C10.6029%2017.1338%2010.393%2017.2421%2010.1678%2017.2496C9.94267%2017.2571%209.72605%2017.163%209.57788%2016.9933L6.43502%2013.3933C6.16261%2013.0812%206.19473%2012.6075%206.50677%2012.3351C6.8188%2012.0626%207.29259%2012.0948%207.565%2012.4068L10.1034%2015.3144L16.4034%207.04551C16.6545%206.71603%2017.1251%206.65243%2017.4545%206.90347Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/unread-bold-duotone.svg?color=%231a73e8&size=48
