smileys icon
smileys-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- smileys-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the smileys icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 1H4C2.34 1 1 2.34 1 4v6c0 1.66 1.34 3 3 3h4.5c0-2.48 2.02-4.5 4.5-4.5V4c0-1.66-1.34-3-3-3M3.77 4.27c.77-.55 1.82-.56 2.61-.02c.34.23.43.7.2 1.04s-.7.43-1.04.2a.78.78 0 0 0-.91.01c-.13.09-.28.13-.43.13c-.23 0-.47-.11-.61-.31a.753.753 0 0 1 .18-1.05m5.5 3.97c-.26.33-.73.38-1.05.12c-.35-.28-.77-.43-1.22-.43c-1 0-1.83.76-1.94 1.74h2.1c.41 0 .75.34.75.75s-.34.75-.75.75H4.84c-.71 0-1.29-.58-1.29-1.29c0-1.9 1.55-3.45 3.45-3.45c.78 0 1.55.27 2.16.76c.32.26.37.73.11 1.05m1.31-2.95c-.23.34-.7.43-1.04.2a.78.78 0 0 0-.91.01c-.13.09-.28.13-.43.13c-.23 0-.47-.11-.61-.31a.753.753 0 0 1 .18-1.05c.77-.55 1.82-.56 2.61-.02c.34.23.43.7.2 1.04m7.64 11.389a.36.36 0 0 0-.28-.12h-3.88c-.11 0-.21.04-.28.12s-.11.19-.09.29a2.33 2.33 0 0 0 2.31 2.08c1.19 0 2.18-.89 2.31-2.08a.38.38 0 0 0-.09-.29"/><path d="M19 10h-6c-1.65 0-3 1.35-3 3v6c0 1.65 1.35 3 3 3h6c1.65 0 3-1.35 3-3v-6c0-1.65-1.35-3-3-3m-6.41 3.17c.24-.34.71-.42 1.05-.18a.8.8 0 0 0 .9.01c.34-.24.81-.15 1.04.2c.23.34.15.81-.2 1.04c-.39.26-.84.4-1.29.4c-.47 0-.93-.14-1.32-.42a.756.756 0 0 1-.18-1.05m3.41 7c-1.9 0-3.45-1.55-3.45-3.45c0-.71.58-1.29 1.29-1.29h4.32c.71 0 1.29.58 1.29 1.29c0 1.9-1.55 3.45-3.45 3.45m3.38-5.94c-.39.26-.84.4-1.29.4c-.47 0-.93-.14-1.32-.42a.753.753 0 1 1 .87-1.23a.8.8 0 0 0 .9.01c.34-.24.81-.15 1.04.2s.14.81-.2 1.04"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconSmileysFilled(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="M10 1H4C2.34 1 1 2.34 1 4v6c0 1.66 1.34 3 3 3h4.5c0-2.48 2.02-4.5 4.5-4.5V4c0-1.66-1.34-3-3-3M3.77 4.27c.77-.55 1.82-.56 2.61-.02c.34.23.43.7.2 1.04s-.7.43-1.04.2a.78.78 0 0 0-.91.01c-.13.09-.28.13-.43.13c-.23 0-.47-.11-.61-.31a.753.753 0 0 1 .18-1.05m5.5 3.97c-.26.33-.73.38-1.05.12c-.35-.28-.77-.43-1.22-.43c-1 0-1.83.76-1.94 1.74h2.1c.41 0 .75.34.75.75s-.34.75-.75.75H4.84c-.71 0-1.29-.58-1.29-1.29c0-1.9 1.55-3.45 3.45-3.45c.78 0 1.55.27 2.16.76c.32.26.37.73.11 1.05m1.31-2.95c-.23.34-.7.43-1.04.2a.78.78 0 0 0-.91.01c-.13.09-.28.13-.43.13c-.23 0-.47-.11-.61-.31a.753.753 0 0 1 .18-1.05c.77-.55 1.82-.56 2.61-.02c.34.23.43.7.2 1.04m7.64 11.389a.36.36 0 0 0-.28-.12h-3.88c-.11 0-.21.04-.28.12s-.11.19-.09.29a2.33 2.33 0 0 0 2.31 2.08c1.19 0 2.18-.89 2.31-2.08a.38.38 0 0 0-.09-.29"/><path d="M19 10h-6c-1.65 0-3 1.35-3 3v6c0 1.65 1.35 3 3 3h6c1.65 0 3-1.35 3-3v-6c0-1.65-1.35-3-3-3m-6.41 3.17c.24-.34.71-.42 1.05-.18a.8.8 0 0 0 .9.01c.34-.24.81-.15 1.04.2c.23.34.15.81-.2 1.04c-.39.26-.84.4-1.29.4c-.47 0-.93-.14-1.32-.42a.756.756 0 0 1-.18-1.05m3.41 7c-1.9 0-3.45-1.55-3.45-3.45c0-.71.58-1.29 1.29-1.29h4.32c.71 0 1.29.58 1.29 1.29c0 1.9-1.55 3.45-3.45 3.45m3.38-5.94c-.39.26-.84.4-1.29.4c-.47 0-.93-.14-1.32-.42a.753.753 0 1 1 .87-1.23a.8.8 0 0 0 .9.01c.34-.24.81-.15 1.04.2s.14.81-.2 1.04"/></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="M10 1H4C2.34 1 1 2.34 1 4v6c0 1.66 1.34 3 3 3h4.5c0-2.48 2.02-4.5 4.5-4.5V4c0-1.66-1.34-3-3-3M3.77 4.27c.77-.55 1.82-.56 2.61-.02c.34.23.43.7.2 1.04s-.7.43-1.04.2a.78.78 0 0 0-.91.01c-.13.09-.28.13-.43.13c-.23 0-.47-.11-.61-.31a.753.753 0 0 1 .18-1.05m5.5 3.97c-.26.33-.73.38-1.05.12c-.35-.28-.77-.43-1.22-.43c-1 0-1.83.76-1.94 1.74h2.1c.41 0 .75.34.75.75s-.34.75-.75.75H4.84c-.71 0-1.29-.58-1.29-1.29c0-1.9 1.55-3.45 3.45-3.45c.78 0 1.55.27 2.16.76c.32.26.37.73.11 1.05m1.31-2.95c-.23.34-.7.43-1.04.2a.78.78 0 0 0-.91.01c-.13.09-.28.13-.43.13c-.23 0-.47-.11-.61-.31a.753.753 0 0 1 .18-1.05c.77-.55 1.82-.56 2.61-.02c.34.23.43.7.2 1.04m7.64 11.389a.36.36 0 0 0-.28-.12h-3.88c-.11 0-.21.04-.28.12s-.11.19-.09.29a2.33 2.33 0 0 0 2.31 2.08c1.19 0 2.18-.89 2.31-2.08a.38.38 0 0 0-.09-.29"/><path d="M19 10h-6c-1.65 0-3 1.35-3 3v6c0 1.65 1.35 3 3 3h6c1.65 0 3-1.35 3-3v-6c0-1.65-1.35-3-3-3m-6.41 3.17c.24-.34.71-.42 1.05-.18a.8.8 0 0 0 .9.01c.34-.24.81-.15 1.04.2c.23.34.15.81-.2 1.04c-.39.26-.84.4-1.29.4c-.47 0-.93-.14-1.32-.42a.756.756 0 0 1-.18-1.05m3.41 7c-1.9 0-3.45-1.55-3.45-3.45c0-.71.58-1.29 1.29-1.29h4.32c.71 0 1.29.58 1.29 1.29c0 1.9-1.55 3.45-3.45 3.45m3.38-5.94c-.39.26-.84.4-1.29.4c-.47 0-.93-.14-1.32-.42a.753.753 0 1 1 .87-1.23a.8.8 0 0 0 .9.01c.34-.24.81-.15 1.04.2s.14.81-.2 1.04"/></g></svg> </template>
CSS
.icon-smileys-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10%201H4C2.34%201%201%202.34%201%204v6c0%201.66%201.34%203%203%203h4.5c0-2.48%202.02-4.5%204.5-4.5V4c0-1.66-1.34-3-3-3M3.77%204.27c.77-.55%201.82-.56%202.61-.02c.34.23.43.7.2%201.04s-.7.43-1.04.2a.78.78%200%200%200-.91.01c-.13.09-.28.13-.43.13c-.23%200-.47-.11-.61-.31a.753.753%200%200%201%20.18-1.05m5.5%203.97c-.26.33-.73.38-1.05.12c-.35-.28-.77-.43-1.22-.43c-1%200-1.83.76-1.94%201.74h2.1c.41%200%20.75.34.75.75s-.34.75-.75.75H4.84c-.71%200-1.29-.58-1.29-1.29c0-1.9%201.55-3.45%203.45-3.45c.78%200%201.55.27%202.16.76c.32.26.37.73.11%201.05m1.31-2.95c-.23.34-.7.43-1.04.2a.78.78%200%200%200-.91.01c-.13.09-.28.13-.43.13c-.23%200-.47-.11-.61-.31a.753.753%200%200%201%20.18-1.05c.77-.55%201.82-.56%202.61-.02c.34.23.43.7.2%201.04m7.64%2011.389a.36.36%200%200%200-.28-.12h-3.88c-.11%200-.21.04-.28.12s-.11.19-.09.29a2.33%202.33%200%200%200%202.31%202.08c1.19%200%202.18-.89%202.31-2.08a.38.38%200%200%200-.09-.29%22%2F%3E%3Cpath%20d%3D%22M19%2010h-6c-1.65%200-3%201.35-3%203v6c0%201.65%201.35%203%203%203h6c1.65%200%203-1.35%203-3v-6c0-1.65-1.35-3-3-3m-6.41%203.17c.24-.34.71-.42%201.05-.18a.8.8%200%200%200%20.9.01c.34-.24.81-.15%201.04.2c.23.34.15.81-.2%201.04c-.39.26-.84.4-1.29.4c-.47%200-.93-.14-1.32-.42a.756.756%200%200%201-.18-1.05m3.41%207c-1.9%200-3.45-1.55-3.45-3.45c0-.71.58-1.29%201.29-1.29h4.32c.71%200%201.29.58%201.29%201.29c0%201.9-1.55%203.45-3.45%203.45m3.38-5.94c-.39.26-.84.4-1.29.4c-.47%200-.93-.14-1.32-.42a.753.753%200%201%201%20.87-1.23a.8.8%200%200%200%20.9.01c.34-.24.81-.15%201.04.2s.14.81-.2%201.04%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%22M10%201H4C2.34%201%201%202.34%201%204v6c0%201.66%201.34%203%203%203h4.5c0-2.48%202.02-4.5%204.5-4.5V4c0-1.66-1.34-3-3-3M3.77%204.27c.77-.55%201.82-.56%202.61-.02c.34.23.43.7.2%201.04s-.7.43-1.04.2a.78.78%200%200%200-.91.01c-.13.09-.28.13-.43.13c-.23%200-.47-.11-.61-.31a.753.753%200%200%201%20.18-1.05m5.5%203.97c-.26.33-.73.38-1.05.12c-.35-.28-.77-.43-1.22-.43c-1%200-1.83.76-1.94%201.74h2.1c.41%200%20.75.34.75.75s-.34.75-.75.75H4.84c-.71%200-1.29-.58-1.29-1.29c0-1.9%201.55-3.45%203.45-3.45c.78%200%201.55.27%202.16.76c.32.26.37.73.11%201.05m1.31-2.95c-.23.34-.7.43-1.04.2a.78.78%200%200%200-.91.01c-.13.09-.28.13-.43.13c-.23%200-.47-.11-.61-.31a.753.753%200%200%201%20.18-1.05c.77-.55%201.82-.56%202.61-.02c.34.23.43.7.2%201.04m7.64%2011.389a.36.36%200%200%200-.28-.12h-3.88c-.11%200-.21.04-.28.12s-.11.19-.09.29a2.33%202.33%200%200%200%202.31%202.08c1.19%200%202.18-.89%202.31-2.08a.38.38%200%200%200-.09-.29%22%2F%3E%3Cpath%20d%3D%22M19%2010h-6c-1.65%200-3%201.35-3%203v6c0%201.65%201.35%203%203%203h6c1.65%200%203-1.35%203-3v-6c0-1.65-1.35-3-3-3m-6.41%203.17c.24-.34.71-.42%201.05-.18a.8.8%200%200%200%20.9.01c.34-.24.81-.15%201.04.2c.23.34.15.81-.2%201.04c-.39.26-.84.4-1.29.4c-.47%200-.93-.14-1.32-.42a.756.756%200%200%201-.18-1.05m3.41%207c-1.9%200-3.45-1.55-3.45-3.45c0-.71.58-1.29%201.29-1.29h4.32c.71%200%201.29.58%201.29%201.29c0%201.9-1.55%203.45-3.45%203.45m3.38-5.94c-.39.26-.84.4-1.29.4c-.47%200-.93-.14-1.32-.42a.753.753%200%201%201%20.87-1.23a.8.8%200%200%200%20.9.01c.34-.24.81-.15%201.04.2s.14.81-.2%201.04%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/smileys-filled.svg?color=%231a73e8&size=48
