fog emoji
fog from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- fog
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji High Contrast
Use the fog emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.67 1A4.666 4.666 0 0 0 1 5.67v20.66A4.666 4.666 0 0 0 5.67 31h20.66A4.666 4.666 0 0 0 31 26.33V5.67A4.666 4.666 0 0 0 26.33 1zM3 5.67A2.666 2.666 0 0 1 5.67 3h2.62a13.1 13.1 0 0 1 3.013 3.587a12.4 12.4 0 0 0-3.29 2.688A11.6 11.6 0 0 0 5.5 9c-.862 0-1.697.099-2.5.28zm14.34-.66q-.233 0-.462.009A12.5 12.5 0 0 1 18.998 3h7.332A2.666 2.666 0 0 1 29 5.67v7.65c-1.667-4.836-6.258-8.31-11.66-8.31m0 2c5.36 0 9.767 4.082 10.28 9.308a9 9 0 0 0-5.067 3.625a11.94 11.94 0 0 0-5.82-1.921a11.52 11.52 0 0 0-6.622-8.06A10.3 10.3 0 0 1 17.34 7.01m-2.653 11.061c-5.508.6-9.904 4.93-10.593 10.416A2.66 2.66 0 0 1 3 26.33V11.342A9.3 9.3 0 0 1 5.5 11c4.408 0 8.115 3 9.187 7.071M6.05 29c.5-5.054 4.77-9 9.951-9a9.995 9.995 0 0 1 9.951 9zm21.857-.513a11.97 11.97 0 0 0-3.77-7.312A7 7 0 0 1 29 18.071v8.259c0 .888-.43 1.672-1.094 2.157"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastFog(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.67 1A4.666 4.666 0 0 0 1 5.67v20.66A4.666 4.666 0 0 0 5.67 31h20.66A4.666 4.666 0 0 0 31 26.33V5.67A4.666 4.666 0 0 0 26.33 1zM3 5.67A2.666 2.666 0 0 1 5.67 3h2.62a13.1 13.1 0 0 1 3.013 3.587a12.4 12.4 0 0 0-3.29 2.688A11.6 11.6 0 0 0 5.5 9c-.862 0-1.697.099-2.5.28zm14.34-.66q-.233 0-.462.009A12.5 12.5 0 0 1 18.998 3h7.332A2.666 2.666 0 0 1 29 5.67v7.65c-1.667-4.836-6.258-8.31-11.66-8.31m0 2c5.36 0 9.767 4.082 10.28 9.308a9 9 0 0 0-5.067 3.625a11.94 11.94 0 0 0-5.82-1.921a11.52 11.52 0 0 0-6.622-8.06A10.3 10.3 0 0 1 17.34 7.01m-2.653 11.061c-5.508.6-9.904 4.93-10.593 10.416A2.66 2.66 0 0 1 3 26.33V11.342A9.3 9.3 0 0 1 5.5 11c4.408 0 8.115 3 9.187 7.071M6.05 29c.5-5.054 4.77-9 9.951-9a9.995 9.995 0 0 1 9.951 9zm21.857-.513a11.97 11.97 0 0 0-3.77-7.312A7 7 0 0 1 29 18.071v8.259c0 .888-.43 1.672-1.094 2.157"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.67 1A4.666 4.666 0 0 0 1 5.67v20.66A4.666 4.666 0 0 0 5.67 31h20.66A4.666 4.666 0 0 0 31 26.33V5.67A4.666 4.666 0 0 0 26.33 1zM3 5.67A2.666 2.666 0 0 1 5.67 3h2.62a13.1 13.1 0 0 1 3.013 3.587a12.4 12.4 0 0 0-3.29 2.688A11.6 11.6 0 0 0 5.5 9c-.862 0-1.697.099-2.5.28zm14.34-.66q-.233 0-.462.009A12.5 12.5 0 0 1 18.998 3h7.332A2.666 2.666 0 0 1 29 5.67v7.65c-1.667-4.836-6.258-8.31-11.66-8.31m0 2c5.36 0 9.767 4.082 10.28 9.308a9 9 0 0 0-5.067 3.625a11.94 11.94 0 0 0-5.82-1.921a11.52 11.52 0 0 0-6.622-8.06A10.3 10.3 0 0 1 17.34 7.01m-2.653 11.061c-5.508.6-9.904 4.93-10.593 10.416A2.66 2.66 0 0 1 3 26.33V11.342A9.3 9.3 0 0 1 5.5 11c4.408 0 8.115 3 9.187 7.071M6.05 29c.5-5.054 4.77-9 9.951-9a9.995 9.995 0 0 1 9.951 9zm21.857-.513a11.97 11.97 0 0 0-3.77-7.312A7 7 0 0 1 29 18.071v8.259c0 .888-.43 1.672-1.094 2.157"/></svg> </template>
CSS
.icon-fog {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.67%201A4.666%204.666%200%200%200%201%205.67v20.66A4.666%204.666%200%200%200%205.67%2031h20.66A4.666%204.666%200%200%200%2031%2026.33V5.67A4.666%204.666%200%200%200%2026.33%201zM3%205.67A2.666%202.666%200%200%201%205.67%203h2.62a13.1%2013.1%200%200%201%203.013%203.587a12.4%2012.4%200%200%200-3.29%202.688A11.6%2011.6%200%200%200%205.5%209c-.862%200-1.697.099-2.5.28zm14.34-.66q-.233%200-.462.009A12.5%2012.5%200%200%201%2018.998%203h7.332A2.666%202.666%200%200%201%2029%205.67v7.65c-1.667-4.836-6.258-8.31-11.66-8.31m0%202c5.36%200%209.767%204.082%2010.28%209.308a9%209%200%200%200-5.067%203.625a11.94%2011.94%200%200%200-5.82-1.921a11.52%2011.52%200%200%200-6.622-8.06A10.3%2010.3%200%200%201%2017.34%207.01m-2.653%2011.061c-5.508.6-9.904%204.93-10.593%2010.416A2.66%202.66%200%200%201%203%2026.33V11.342A9.3%209.3%200%200%201%205.5%2011c4.408%200%208.115%203%209.187%207.071M6.05%2029c.5-5.054%204.77-9%209.951-9a9.995%209.995%200%200%201%209.951%209zm21.857-.513a11.97%2011.97%200%200%200-3.77-7.312A7%207%200%200%201%2029%2018.071v8.259c0%20.888-.43%201.672-1.094%202.157%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.67%201A4.666%204.666%200%200%200%201%205.67v20.66A4.666%204.666%200%200%200%205.67%2031h20.66A4.666%204.666%200%200%200%2031%2026.33V5.67A4.666%204.666%200%200%200%2026.33%201zM3%205.67A2.666%202.666%200%200%201%205.67%203h2.62a13.1%2013.1%200%200%201%203.013%203.587a12.4%2012.4%200%200%200-3.29%202.688A11.6%2011.6%200%200%200%205.5%209c-.862%200-1.697.099-2.5.28zm14.34-.66q-.233%200-.462.009A12.5%2012.5%200%200%201%2018.998%203h7.332A2.666%202.666%200%200%201%2029%205.67v7.65c-1.667-4.836-6.258-8.31-11.66-8.31m0%202c5.36%200%209.767%204.082%2010.28%209.308a9%209%200%200%200-5.067%203.625a11.94%2011.94%200%200%200-5.82-1.921a11.52%2011.52%200%200%200-6.622-8.06A10.3%2010.3%200%200%201%2017.34%207.01m-2.653%2011.061c-5.508.6-9.904%204.93-10.593%2010.416A2.66%202.66%200%200%201%203%2026.33V11.342A9.3%209.3%200%200%201%205.5%2011c4.408%200%208.115%203%209.187%207.071M6.05%2029c.5-5.054%204.77-9%209.951-9a9.995%209.995%200%200%201%209.951%209zm21.857-.513a11.97%2011.97%200%200%200-3.77-7.312A7%207%200%200%201%2029%2018.071v8.259c0%20.888-.43%201.672-1.094%202.157%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/fog.svg?color=%231a73e8&size=48
