cold face emoji
cold-face from Fluent Emoji Flat by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.
- Name
- cold-face
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More smileys & emotion icons from Fluent Emoji Flat
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-face
Use the cold face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#5092ff" d="M29.998 15.999c0 3.865-1.166 7.364-3.498 9.897V28.5L26 30h-1.5l-1.226-1.634c-1.985 1.041-4.41 1.632-7.275 1.632a18.5 18.5 0 0 1-3.063-.246L12 31l-1.5.5L9 30v-1.494q-.57-.282-1.096-.612L7.5 28.5L6 29l-1-1.5v-2.18c-2-2.476-3-5.742-3-9.321C2 8.268 6.664 2 15.999 2c9.334 0 13.999 6.268 13.999 13.999"/><path fill="#fff" d="M10.5 18a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9m11 0a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/><path fill="#402a32" d="M10.61 5.012a.5.5 0 0 1 .378.597c-.3 1.344-1.042 2.208-1.914 2.724C8.218 8.84 7.257 9 6.5 9a.5.5 0 0 1 0-1c.633 0 1.404-.136 2.065-.528c.646-.382 1.21-1.019 1.447-2.081a.5.5 0 0 1 .597-.379m10.781 0a.5.5 0 0 0-.378.597c.3 1.344 1.042 2.208 1.914 2.724c.856.507 1.817.667 2.574.667a.5.5 0 0 0 0-1c-.633 0-1.404-.136-2.065-.528c-.646-.382-1.21-1.019-1.447-2.081a.5.5 0 0 0-.597-.379M14 14a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="#433b6b" d="M9 22c0-.6.176-1.16.48-1.628h13.04a3 3 0 0 1-1.177 4.311H10.657A3 3 0 0 1 9 22"/><path fill="#fff" d="M12 19h8c1.067 0 2.003.556 2.535 1.395l-.193.58A1.5 1.5 0 0 1 20.919 22H11.08a1.5 1.5 0 0 1-1.423-1.026l-.193-.579A3 3 0 0 1 12 19m8 6h-8a3 3 0 0 1-1.382-.337A1.6 1.6 0 0 1 10 23.4a.4.4 0 0 1 .4-.4h11.2a.4.4 0 0 1 .4.4c0 .514-.242.971-.62 1.264A3 3 0 0 1 20 25"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatColdFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#5092ff" d="M29.998 15.999c0 3.865-1.166 7.364-3.498 9.897V28.5L26 30h-1.5l-1.226-1.634c-1.985 1.041-4.41 1.632-7.275 1.632a18.5 18.5 0 0 1-3.063-.246L12 31l-1.5.5L9 30v-1.494q-.57-.282-1.096-.612L7.5 28.5L6 29l-1-1.5v-2.18c-2-2.476-3-5.742-3-9.321C2 8.268 6.664 2 15.999 2c9.334 0 13.999 6.268 13.999 13.999"/><path fill="#fff" d="M10.5 18a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9m11 0a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/><path fill="#402a32" d="M10.61 5.012a.5.5 0 0 1 .378.597c-.3 1.344-1.042 2.208-1.914 2.724C8.218 8.84 7.257 9 6.5 9a.5.5 0 0 1 0-1c.633 0 1.404-.136 2.065-.528c.646-.382 1.21-1.019 1.447-2.081a.5.5 0 0 1 .597-.379m10.781 0a.5.5 0 0 0-.378.597c.3 1.344 1.042 2.208 1.914 2.724c.856.507 1.817.667 2.574.667a.5.5 0 0 0 0-1c-.633 0-1.404-.136-2.065-.528c-.646-.382-1.21-1.019-1.447-2.081a.5.5 0 0 0-.597-.379M14 14a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="#433b6b" d="M9 22c0-.6.176-1.16.48-1.628h13.04a3 3 0 0 1-1.177 4.311H10.657A3 3 0 0 1 9 22"/><path fill="#fff" d="M12 19h8c1.067 0 2.003.556 2.535 1.395l-.193.58A1.5 1.5 0 0 1 20.919 22H11.08a1.5 1.5 0 0 1-1.423-1.026l-.193-.579A3 3 0 0 1 12 19m8 6h-8a3 3 0 0 1-1.382-.337A1.6 1.6 0 0 1 10 23.4a.4.4 0 0 1 .4-.4h11.2a.4.4 0 0 1 .4.4c0 .514-.242.971-.62 1.264A3 3 0 0 1 20 25"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#5092ff" d="M29.998 15.999c0 3.865-1.166 7.364-3.498 9.897V28.5L26 30h-1.5l-1.226-1.634c-1.985 1.041-4.41 1.632-7.275 1.632a18.5 18.5 0 0 1-3.063-.246L12 31l-1.5.5L9 30v-1.494q-.57-.282-1.096-.612L7.5 28.5L6 29l-1-1.5v-2.18c-2-2.476-3-5.742-3-9.321C2 8.268 6.664 2 15.999 2c9.334 0 13.999 6.268 13.999 13.999"/><path fill="#fff" d="M10.5 18a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9m11 0a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9"/><path fill="#402a32" d="M10.61 5.012a.5.5 0 0 1 .378.597c-.3 1.344-1.042 2.208-1.914 2.724C8.218 8.84 7.257 9 6.5 9a.5.5 0 0 1 0-1c.633 0 1.404-.136 2.065-.528c.646-.382 1.21-1.019 1.447-2.081a.5.5 0 0 1 .597-.379m10.781 0a.5.5 0 0 0-.378.597c.3 1.344 1.042 2.208 1.914 2.724c.856.507 1.817.667 2.574.667a.5.5 0 0 0 0-1c-.633 0-1.404-.136-2.065-.528c-.646-.382-1.21-1.019-1.447-2.081a.5.5 0 0 0-.597-.379M14 14a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path fill="#433b6b" d="M9 22c0-.6.176-1.16.48-1.628h13.04a3 3 0 0 1-1.177 4.311H10.657A3 3 0 0 1 9 22"/><path fill="#fff" d="M12 19h8c1.067 0 2.003.556 2.535 1.395l-.193.58A1.5 1.5 0 0 1 20.919 22H11.08a1.5 1.5 0 0 1-1.423-1.026l-.193-.579A3 3 0 0 1 12 19m8 6h-8a3 3 0 0 1-1.382-.337A1.6 1.6 0 0 1 10 23.4a.4.4 0 0 1 .4-.4h11.2a.4.4 0 0 1 .4.4c0 .514-.242.971-.62 1.264A3 3 0 0 1 20 25"/></g></svg> </template>
CSS
.icon-cold-face {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M29.998%2015.999c0%203.865-1.166%207.364-3.498%209.897V28.5L26%2030h-1.5l-1.226-1.634c-1.985%201.041-4.41%201.632-7.275%201.632a18.5%2018.5%200%200%201-3.063-.246L12%2031l-1.5.5L9%2030v-1.494q-.57-.282-1.096-.612L7.5%2028.5L6%2029l-1-1.5v-2.18c-2-2.476-3-5.742-3-9.321C2%208.268%206.664%202%2015.999%202c9.334%200%2013.999%206.268%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.5%2018a4.5%204.5%200%201%200%200-9a4.5%204.5%200%200%200%200%209m11%200a4.5%204.5%200%201%200%200-9a4.5%204.5%200%200%200%200%209%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M10.61%205.012a.5.5%200%200%201%20.378.597c-.3%201.344-1.042%202.208-1.914%202.724C8.218%208.84%207.257%209%206.5%209a.5.5%200%200%201%200-1c.633%200%201.404-.136%202.065-.528c.646-.382%201.21-1.019%201.447-2.081a.5.5%200%200%201%20.597-.379m10.781%200a.5.5%200%200%200-.378.597c.3%201.344%201.042%202.208%201.914%202.724c.856.507%201.817.667%202.574.667a.5.5%200%200%200%200-1c-.633%200-1.404-.136-2.065-.528c-.646-.382-1.21-1.019-1.447-2.081a.5.5%200%200%200-.597-.379M14%2014a2%202%200%201%201-4%200a2%202%200%200%201%204%200m8%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M9%2022c0-.6.176-1.16.48-1.628h13.04a3%203%200%200%201-1.177%204.311H10.657A3%203%200%200%201%209%2022%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2019h8c1.067%200%202.003.556%202.535%201.395l-.193.58A1.5%201.5%200%200%201%2020.919%2022H11.08a1.5%201.5%200%200%201-1.423-1.026l-.193-.579A3%203%200%200%201%2012%2019m8%206h-8a3%203%200%200%201-1.382-.337A1.6%201.6%200%200%201%2010%2023.4a.4.4%200%200%201%20.4-.4h11.2a.4.4%200%200%201%20.4.4c0%20.514-.242.971-.62%201.264A3%203%200%200%201%2020%2025%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M29.998%2015.999c0%203.865-1.166%207.364-3.498%209.897V28.5L26%2030h-1.5l-1.226-1.634c-1.985%201.041-4.41%201.632-7.275%201.632a18.5%2018.5%200%200%201-3.063-.246L12%2031l-1.5.5L9%2030v-1.494q-.57-.282-1.096-.612L7.5%2028.5L6%2029l-1-1.5v-2.18c-2-2.476-3-5.742-3-9.321C2%208.268%206.664%202%2015.999%202c9.334%200%2013.999%206.268%2013.999%2013.999%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.5%2018a4.5%204.5%200%201%200%200-9a4.5%204.5%200%200%200%200%209m11%200a4.5%204.5%200%201%200%200-9a4.5%204.5%200%200%200%200%209%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M10.61%205.012a.5.5%200%200%201%20.378.597c-.3%201.344-1.042%202.208-1.914%202.724C8.218%208.84%207.257%209%206.5%209a.5.5%200%200%201%200-1c.633%200%201.404-.136%202.065-.528c.646-.382%201.21-1.019%201.447-2.081a.5.5%200%200%201%20.597-.379m10.781%200a.5.5%200%200%200-.378.597c.3%201.344%201.042%202.208%201.914%202.724c.856.507%201.817.667%202.574.667a.5.5%200%200%200%200-1c-.633%200-1.404-.136-2.065-.528c-.646-.382-1.21-1.019-1.447-2.081a.5.5%200%200%200-.597-.379M14%2014a2%202%200%201%201-4%200a2%202%200%200%201%204%200m8%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M9%2022c0-.6.176-1.16.48-1.628h13.04a3%203%200%200%201-1.177%204.311H10.657A3%203%200%200%201%209%2022%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2019h8c1.067%200%202.003.556%202.535%201.395l-.193.58A1.5%201.5%200%200%201%2020.919%2022H11.08a1.5%201.5%200%200%201-1.423-1.026l-.193-.579A3%203%200%200%201%2012%2019m8%206h-8a3%203%200%200%201-1.382-.337A1.6%201.6%200%200%201%2010%2023.4a.4.4%200%200%201%20.4-.4h11.2a.4.4%200%200%201%20.4.4c0%20.514-.242.971-.62%201.264A3%203%200%200%201%2020%2025%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/cold-face.svg?color=%231a73e8&size=48
