emoticon cool icon
emoticon-cool from Material Design Icons by Pictogrammers · Filled · Emoji · Apache-2.0 Free for personal and commercial use.
- Name
- emoticon-cool
- Set
- Material Design Icons
- Style
- Filled
- Category
- Emoji
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- emoji-cool, face-cool, face-sunglasses, smiley-cool
1 other variant in Material Design Icons
More emoji icons from Material Design Icons
Use the emoticon cool icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.22 7.22A9.98 9.98 0 0 1 12 2c3.79 0 7.09 2.11 8.78 5.22L20 8H4zM21.4 8.6c.38 1.07.6 2.21.6 3.4a10 10 0 0 1-10 10A10 10 0 0 1 2 12c0-1.19.22-2.33.6-3.4L4 10h1c0 1.38 2.12 2.5 3.5 2.5s2.75-1.12 2.75-2.5h1.5c0 1.38 1.37 2.5 2.75 2.5S19 11.38 19 10h1zm-5.21 6.82L14.77 14c-.45.72-1.52 1.23-2.77 1.23S9.68 14.72 9.23 14l-1.42 1.42c.9 1.08 2.44 1.81 4.19 1.81s3.29-.73 4.19-1.81"/></svg>
React
import type { SVGProps } from "react";
export function MdiEmoticonCool(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="M3.22 7.22A9.98 9.98 0 0 1 12 2c3.79 0 7.09 2.11 8.78 5.22L20 8H4zM21.4 8.6c.38 1.07.6 2.21.6 3.4a10 10 0 0 1-10 10A10 10 0 0 1 2 12c0-1.19.22-2.33.6-3.4L4 10h1c0 1.38 2.12 2.5 3.5 2.5s2.75-1.12 2.75-2.5h1.5c0 1.38 1.37 2.5 2.75 2.5S19 11.38 19 10h1zm-5.21 6.82L14.77 14c-.45.72-1.52 1.23-2.77 1.23S9.68 14.72 9.23 14l-1.42 1.42c.9 1.08 2.44 1.81 4.19 1.81s3.29-.73 4.19-1.81"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.22 7.22A9.98 9.98 0 0 1 12 2c3.79 0 7.09 2.11 8.78 5.22L20 8H4zM21.4 8.6c.38 1.07.6 2.21.6 3.4a10 10 0 0 1-10 10A10 10 0 0 1 2 12c0-1.19.22-2.33.6-3.4L4 10h1c0 1.38 2.12 2.5 3.5 2.5s2.75-1.12 2.75-2.5h1.5c0 1.38 1.37 2.5 2.75 2.5S19 11.38 19 10h1zm-5.21 6.82L14.77 14c-.45.72-1.52 1.23-2.77 1.23S9.68 14.72 9.23 14l-1.42 1.42c.9 1.08 2.44 1.81 4.19 1.81s3.29-.73 4.19-1.81"/></svg> </template>
CSS
.icon-emoticon-cool {
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%22M3.22%207.22A9.98%209.98%200%200%201%2012%202c3.79%200%207.09%202.11%208.78%205.22L20%208H4zM21.4%208.6c.38%201.07.6%202.21.6%203.4a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2012c0-1.19.22-2.33.6-3.4L4%2010h1c0%201.38%202.12%202.5%203.5%202.5s2.75-1.12%202.75-2.5h1.5c0%201.38%201.37%202.5%202.75%202.5S19%2011.38%2019%2010h1zm-5.21%206.82L14.77%2014c-.45.72-1.52%201.23-2.77%201.23S9.68%2014.72%209.23%2014l-1.42%201.42c.9%201.08%202.44%201.81%204.19%201.81s3.29-.73%204.19-1.81%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%22M3.22%207.22A9.98%209.98%200%200%201%2012%202c3.79%200%207.09%202.11%208.78%205.22L20%208H4zM21.4%208.6c.38%201.07.6%202.21.6%203.4a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2012c0-1.19.22-2.33.6-3.4L4%2010h1c0%201.38%202.12%202.5%203.5%202.5s2.75-1.12%202.75-2.5h1.5c0%201.38%201.37%202.5%202.75%202.5S19%2011.38%2019%2010h1zm-5.21%206.82L14.77%2014c-.45.72-1.52%201.23-2.77%201.23S9.68%2014.72%209.23%2014l-1.42%201.42c.9%201.08%202.44%201.81%204.19%201.81s3.29-.73%204.19-1.81%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/emoticon-cool.svg?color=%231a73e8&size=48
