Foggy アイコン
fluent-emoji:foggy
Foggy アイコン(fluent-emoji:foggy)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><rect width="28" height="28" x="2" y="2" fill="url(#ind6M0c)" rx="4"/><g filter="url(#in800zc)"><path fill="url(#iiwFYQb)" d="M2.34 4.385A4 4 0 0 0 2 6v9.052h28V6a4 4 0 0 0-.236-1.357c-.486.216-.998.412-1.593.412c-.827 0-1.339-.253-1.844-.501c-.491-.243-.976-.481-1.74-.481c-.665 0-1.162.238-1.666.48c-.518.249-1.045.502-1.77.502c-.743 0-1.222-.24-1.707-.481c-.5-.25-1.005-.501-1.81-.501c-.797 0-1.305.246-1.812.492c-.506.245-1.01.49-1.799.49c-.712 0-1.165-.235-1.63-.475c-.484-.25-.98-.507-1.794-.507c-.688 0-1.18.232-1.687.472c-.533.251-1.08.51-1.883.51c-.67 0-1.17-.244-1.671-.489c-.505-.246-1.013-.493-1.7-.493c-.57 0-.96.139-1.319.312"/></g><path fill="url(#iLhJnwF)" d="M2.34 4.385A4 4 0 0 0 2 6v9.052h28V6a4 4 0 0 0-.236-1.357c-.486.216-.998.412-1.593.412c-.827 0-1.339-.253-1.844-.501c-.491-.243-.976-.481-1.74-.481c-.665 0-1.162.238-1.666.48c-.518.249-1.045.502-1.77.502c-.743 0-1.222-.24-1.707-.481c-.5-.25-1.005-.501-1.81-.501c-.797 0-1.305.246-1.812.492c-.506.245-1.01.49-1.799.49c-.712 0-1.165-.235-1.63-.475c-.484-.25-.98-.507-1.794-.507c-.688 0-1.18.232-1.687.472c-.533.251-1.08.51-1.883.51c-.67 0-1.17-.244-1.671-.489c-.505-.246-1.013-.493-1.7-.493c-.57 0-.96.139-1.319.312"/><path fill="url(#i62pjUd)" d="M2.34 4.385A4 4 0 0 0 2 6v9.052h28V6a4 4 0 0 0-.236-1.357c-.486.216-.998.412-1.593.412c-.827 0-1.339-.253-1.844-.501c-.491-.243-.976-.481-1.74-.481c-.665 0-1.162.238-1.666.48c-.518.249-1.045.502-1.77.502c-.743 0-1.222-.24-1.707-.481c-.5-.25-1.005-.501-1.81-.501c-.797 0-1.305.246-1.812.492c-.506.245-1.01.49-1.799.49c-.712 0-1.165-.235-1.63-.475c-.484-.25-.98-.507-1.794-.507c-.688 0-1.18.232-1.687.472c-.533.251-1.08.51-1.883.51c-.67 0-1.17-.244-1.671-.489c-.505-.246-1.013-.493-1.7-.493c-.57 0-.96.139-1.319.312"/><path fill="url(#i51CQee)" d="M2.34 4.385A4 4 0 0 0 2 6v9.052h28V6a4 4 0 0 0-.236-1.357c-.486.216-.998.412-1.593.412c-.827 0-1.339-.253-1.844-.501c-.491-.243-.976-.481-1.74-.481c-.665 0-1.162.238-1.666.48c-.518.249-1.045.502-1.77.502c-.743 0-1.222-.24-1.707-.481c-.5-.25-1.005-.501-1.81-.501c-.797 0-1.305.246-1.812.492c-.506.245-1.01.49-1.799.49c-.712 0-1.165-.235-1.63-.475c-.484-.25-.98-.507-1.794-.507c-.688 0-1.18.232-1.687.472c-.533.251-1.08.51-1.883.51c-.67 0-1.17-.244-1.671-.489c-.505-.246-1.013-.493-1.7-.493c-.57 0-.96.139-1.319.312"/><g filter="url(#iPk3BCd)"><path fill="url(#iK6hWVd)" d="M30 12.826v8.25H5.809V12h.717c.687 0 1.194.248 1.7.494c.5.245 1 .488 1.67.488c.804 0 1.35-.258 1.883-.51c.507-.239 1-.472 1.688-.472c.813 0 1.31.257 1.794.507c.464.24.918.475 1.63.475c.788 0 1.293-.245 1.798-.49c.507-.246 1.015-.492 1.812-.492c.806 0 1.311.252 1.81.501c.485.242.964.481 1.707.481c.726 0 1.252-.253 1.77-.502c.504-.242 1.001-.48 1.667-.48c.763 0 1.248.239 1.74.481c.253.125.509.251.805.345"/></g><path fill="url(#ifdofac)" d="M30 12.826v8.25H5.809V12h.717c.687 0 1.194.248 1.7.494c.5.245 1 .488 1.67.488c.804 0 1.35-.258 1.883-.51c.507-.239 1-.472 1.688-.472c.813 0 1.31.257 1.794.507c.464.24.918.475 1.63.475c.788 0 1.293-.245 1.798-.49c.507-.246 1.015-.492 1.812-.492c.806 0 1.311.252 1.81.501c.485.242.964.481 1.707.481c.726 0 1.252-.253 1.77-.502c.504-.242 1.001-.48 1.667-.48c.763 0 1.248.239 1.74.481c.253.125.509.251.805.345"/><path fill="url(#iAyZxId)" d="M30 12.826v8.25H5.809V12h.717c.687 0 1.194.248 1.7.494c.5.245 1 .488 1.67.488c.804 0 1.35-.258 1.883-.51c.507-.239 1-.472 1.688-.472c.813 0 1.31.257 1.794.507c.464.24.918.475 1.63.475c.788 0 1.293-.245 1.798-.49c.507-.246 1.015-.492 1.812-.492c.806 0 1.311.252 1.81.501c.485.242.964.481 1.707.481c.726 0 1.252-.253 1.77-.502c.504-.242 1.001-.48 1.667-.48c.763 0 1.248.239 1.74.481c.253.125.509.251.805.345"/><g filter="url(#ipIHf0b)"><path fill="#B3B2C4" d="M18 30h8c.729 0 1.412-.195 2-.535V17.25c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/><path fill="url(#idh6egb)" d="M18 30h8c.729 0 1.412-.195 2-.535V17.25c0-.69-.56-1.25-1.25-1.25h-7.5c-.69 0-1.25.56-1.25 1.25z"/></g><path fill="#C6C6CD" d="M2.863 12.934c-.475 0-.733-.08-.863-.13v1.508h2.11v-1.726c-.217.122-.772.348-1.247.348"/><g filter="url(#ivYeRGe)"><path fill="#B3B2C4" d="M6 30h7V7.25C13 6.56 12.44 6 11.75 6h-1.5C9.56 6 9 6.56 9 7.25V8H5.25C4.56 8 4 8.56 4 9.25v20.215c.588.34 1.271.535 2 .535"/><path fill="url(#iHzfVie)" d="M6 30h7V7.25C13 6.56 12.44 6 11.75 6h-1.5C9.56 6 9 6.56 9 7.25V8H5.25C4.56 8 4 8.56 4 9.25v20.215c.588.34 1.271.535 2 .535"/></g><g filter="url(#iNKgTob)"><path fill="url(#ibGwIez)" d="M23 30h3a4 4 0 0 0 4-4v-7h-5.75c-.69 0-1.25.56-1.25 1.25z"/></g><path fill="url(#ieFbfEc)" d="M23 30h3a4 4 0 0 0 4-4v-7h-5.75c-.69 0-1.25.56-1.25 1.25z"/><g filter="url(#i2a2Dfc)"><path fill="url(#ixliDrW)" d="M2 14v12a4 4 0 0 0 4 4h1V15.25C7 14.56 6.44 14 5.75 14z"/></g><path fill="url(#iw7G6Cb)" d="M2 14v12a4 4 0 0 0 4 4h1V15.25C7 14.56 6.44 14 5.75 14z"/><g filter="url(#iyhDKSb)"><path fill="url(#i5qQfPe)" d="M9 30h12v-5.75c0-.69-.56-1.25-1.25-1.25H19V12.25c0-.69-.56-1.25-1.25-1.25h-7.5C9.56 11 9 11.56 9 12.25z"/></g><path fill="url(#iyfwVBc)" d="M9 30h12v-5.75c0-.69-.56-1.25-1.25-1.25H19V12.25c0-.69-.56-1.25-1.25-1.25h-7.5C9.56 11 9 11.56 9 12.25z"/><g filter="url(#isFPIab)"><path fill="#FFF173" d="M25 25a1 1 0 1 0 0 2h4.35a.5.5 0 0 0 .486-.38l.164-.667V25z"/></g><g filter="url(#i6JK54c)"><path fill="#FFF173" d="M24 22a1 1 0 0 1 1-1h5v2h-5a1 1 0 0 1-1-1"/></g><g filter="url(#iuYA8hc)"><rect width="1.961" height="1.96" x="15.02" y="13.016" fill="#313036" rx=".3"/></g><g filter="url(#ipGS7be)"><rect width="1.961" height="1.96" x="11.02" y="13.016" fill="#FFF173" rx=".3"/></g><g filter="url(#iKufDyJ)"><rect width="1.961" height="1.96" x="3.02" y="16.02" fill="#313036" rx=".3"/></g><g filter="url(#iznjG2c)"><rect width="1.961" height="1.96" x="3.02" y="20.02" fill="#FFF173" rx=".3"/></g><g filter="url(#iqjCOub)"><rect width="1.961" height="1.96" x="3.02" y="24.02" fill="#FFF173" rx=".3"/></g><g filter="url(#iQxIFNe)"><rect width="1.961" height="1.96" x="15.02" y="17.02" fill="#FFF173" rx=".3"/></g><g filter="url(#ieyXz0b)"><rect width="1.961" height="1.96" x="15.02" y="21.024" fill="#FFF173" rx=".3"/></g><g filter="url(#iAQEtkc)"><rect width="1.961" height="1.96" x="15.02" y="25.029" fill="#313036" rx=".3"/></g><g filter="url(#iEkXFyc)"><rect width="1.961" height="1.96" x="11.02" y="17.02" fill="#FFF173" rx=".3"/></g><g filter="url(#iqkWSbd)"><rect width="1.961" height="1.96" x="11.02" y="21.024" fill="#313036" rx=".3"/></g><g filter="url(#iRTO0Gd)"><rect width="1.961" height="1.96" x="11.02" y="25.029" fill="#FFF173" rx=".3"/></g><g filter="url(#iYaWs6c)"><path fill="#D9D6E5" d="M30 25.95V26a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4v-.05h.055c.688 0 1.195.247 1.7.494c.501.244 1 .488 1.672.488c.803 0 1.35-.258 1.883-.51c.505-.24.999-.472 1.687-.472c.813 0 1.31.256 1.794.507c.464.24.918.475 1.63.475c.788 0 1.293-.245 1.798-.49c.507-.246 1.015-.492 1.812-.492c.806 0 1.311.252 1.81.501c.485.242.964.481 1.707.481c.726 0 1.252-.253 1.77-.502c.504-.242 1.001-.48 1.667-.48c.763 0 1.248.239 1.74.481c.505.249 1.016.501 1.843.501c.692 0 1.272-.264 1.83-.519c.517-.236 1.015-.463 1.568-.463z"/></g><defs><filter id="in800zc" width="28.4" height="11.229" x="1.75" y="4.073" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5" dy=".5"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.905882 0 0 0 0 0.909804 0 0 0 0 0.917647 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy=".15"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.8 0 0 0 0 0.803922 0 0 0 0 0.811765 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_7537" result="effect2_innerShadow_18_7537"/></filter><filter id="iPk3BCd" width="24.591" height="9.325" x="5.559" y="12" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.5" dy=".5"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.905882 0 0 0 0 0.909804 0 0 0 0 0.917647 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy=".15"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.8 0 0 0 0 0.803922 0 0 0 0 0.811765 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_7537" result="effect2_innerShadow_18_7537"/></filter><filter id="ipIHf0b" width="10.2" height="14.2" x="17.8" y="16" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.772549 0 0 0 0 0.772549 0 0 0 0 0.807843 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="ivYeRGe" width="9.4" height="24.4" x="3.8" y="5.8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.772549 0 0 0 0 0.772549 0 0 0 0 0.807843 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.572549 0 0 0 0 0.584314 0 0 0 0 0.643137 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_7537" result="effect2_innerShadow_18_7537"/></filter><filter id="iNKgTob" width="7.2" height="11" x="23" y="19" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.356863 0 0 0 0 0.501961 0 0 0 0 0.666667 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="i2a2Dfc" width="5.2" height="16" x="1.8" y="14" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.690196 0 0 0 0 0.709804 0 0 0 0 0.768627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iyhDKSb" width="12.4" height="19" x="8.8" y="11" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.690196 0 0 0 0 0.709804 0 0 0 0 0.768627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.462745 0 0 0 0 0.533333 0 0 0 0 0.666667 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_7537" result="effect2_innerShadow_18_7537"/></filter><filter id="isFPIab" width="6.1" height="2.2" x="24" y="25" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.745098 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="i6JK54c" width="6.1" height="2.2" x="24" y="21" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.745098 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iuYA8hc" width="2.161" height="2.16" x="14.819" y="13.016" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.101961 0 0 0 0 0.0901961 0 0 0 0 0.141176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="ipGS7be" width="2.161" height="2.16" x="10.819" y="13.016" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.745098 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iKufDyJ" width="2.161" height="2.16" x="2.82" y="16.02" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.101961 0 0 0 0 0.0901961 0 0 0 0 0.141176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iznjG2c" width="2.161" height="2.16" x="2.82" y="20.02" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.745098 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iqjCOub" width="2.161" height="2.16" x="2.82" y="24.02" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.745098 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iQxIFNe" width="2.161" height="2.16" x="14.819" y="17.02" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.745098 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="ieyXz0b" width="2.161" height="2.16" x="14.819" y="21.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.745098 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iAQEtkc" width="2.161" height="2.16" x="14.819" y="25.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.101961 0 0 0 0 0.0901961 0 0 0 0 0.141176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iEkXFyc" width="2.161" height="2.16" x="10.819" y="17.02" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.745098 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iqkWSbd" width="2.161" height="2.16" x="10.819" y="21.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.101961 0 0 0 0 0.0901961 0 0 0 0 0.141176 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iRTO0Gd" width="2.161" height="2.16" x="10.819" y="25.029" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.2" dy=".2"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.886275 0 0 0 0 0.745098 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><filter id="iYaWs6c" width="28" height="4.25" x="2" y="25.95" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.772549 0 0 0 0 0.776471 0 0 0 0 0.788235 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_7537"/></filter><linearGradient id="iiwFYQb" x1="16" x2="16" y1="4.073" y2="13.064" gradientUnits="userSpaceOnUse"><stop stop-color="#E0E1E6"/><stop offset="1" stop-color="#CFCFD2"/></linearGradient><linearGradient id="i51CQee" x1="19.813" x2="19.813" y1="15.052" y2="9.063" gradientUnits="userSpaceOnUse"><stop stop-color="#CFCFD2"/><stop offset="1" stop-color="#CFCFD2" stop-opacity="0"/></linearGradient><linearGradient id="iK6hWVd" x1="17.904" x2="17.904" y1="12" y2="19.433" gradientUnits="userSpaceOnUse"><stop stop-color="#E0E0E5"/><stop offset="1" stop-color="#CFCFD2"/><stop offset="1" stop-color="#D2D2D8"/></linearGradient><linearGradient id="iAyZxId" x1="21.438" x2="21.198" y1="20.25" y2="16.125" gradientUnits="userSpaceOnUse"><stop stop-color="#CFCFD2"/><stop offset="1" stop-color="#CFCFD2" stop-opacity="0"/></linearGradient><linearGradient id="idh6egb" x1="21.105" x2="21.063" y1="25.48" y2="20.384" gradientUnits="userSpaceOnUse"><stop stop-color="#85809F"/><stop offset="1" stop-color="#85809F" stop-opacity="0"/></linearGradient><linearGradient id="iHzfVie" x1="6.795" x2="6.711" y1="19.657" y2="12.278" gradientUnits="userSpaceOnUse"><stop stop-color="#6F6A8A"/><stop offset="1" stop-color="#6F6A8A" stop-opacity="0"/></linearGradient><linearGradient id="ibGwIez" x1="27.083" x2="27.083" y1="19" y2="25.866" gradientUnits="userSpaceOnUse"><stop stop-color="#4791CD"/><stop offset="1" stop-color="#A1A0B4"/></linearGradient><linearGradient id="ieFbfEc" x1="26.5" x2="26.5" y1="19" y2="19.239" gradientUnits="userSpaceOnUse"><stop stop-color="#458AB9"/><stop offset="1" stop-color="#458AB9" stop-opacity="0"/></linearGradient><linearGradient id="ixliDrW" x1="4.917" x2="4.917" y1="14" y2="22" gradientUnits="userSpaceOnUse"><stop stop-color="#4791CD"/><stop offset="1" stop-color="#A1A0B4"/></linearGradient><linearGradient id="iw7G6Cb" x1="4.5" x2="4.5" y1="14" y2="14.348" gradientUnits="userSpaceOnUse"><stop stop-color="#458AB9"/><stop offset="1" stop-color="#458AB9" stop-opacity="0"/></linearGradient><linearGradient id="i5qQfPe" x1="16" x2="16" y1="11" y2="22.86" gradientUnits="userSpaceOnUse"><stop stop-color="#4791CD"/><stop offset="1" stop-color="#A1A0B4"/></linearGradient><linearGradient id="iyfwVBc" x1="15" x2="15" y1="11" y2="11.413" gradientUnits="userSpaceOnUse"><stop stop-color="#458AB9"/><stop offset="1" stop-color="#458AB9" stop-opacity="0"/></linearGradient><radialGradient id="ind6M0c" cx="0" cy="0" r="1" gradientTransform="matrix(0 -4.75 19.9135 0 16 6.062)" gradientUnits="userSpaceOnUse"><stop stop-color="#D4D5D8"/><stop offset="1" stop-color="#CECED2"/></radialGradient><radialGradient id="iLhJnwF" cx="0" cy="0" r="1" gradientTransform="matrix(-3.5 0 0 -21.9545 30 8.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#DCDBE4"/><stop offset="1" stop-color="#DCDBE4" stop-opacity="0"/></radialGradient><radialGradient id="i62pjUd" cx="0" cy="0" r="1" gradientTransform="matrix(3 0 0 18.8182 1.438 8.813)" gradientUnits="userSpaceOnUse"><stop stop-color="#DCDBE4"/><stop offset="1" stop-color="#DCDBE4" stop-opacity="0"/></radialGradient><radialGradient id="ifdofac" cx="0" cy="0" r="1" gradientTransform="matrix(-3.0239 0 0 -18.1483 30 15.918)" gradientUnits="userSpaceOnUse"><stop stop-color="#DCDBE4"/><stop offset="1" stop-color="#DCDBE4" stop-opacity="0"/></radialGradient></defs></g></svg>Foggy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:foggy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:foggy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:foggy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--foggy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:foggy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:foggy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/foggy.svg" alt="Foggy アイコン" width="24" height="24">他のアイコンセットの Foggy アイコン
Foggy アイコン のよくある質問
Foggy アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Foggy アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:foggy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Foggy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/foggy.svg" alt="Foggy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。