window emoji
window from Firefox OS Emoji by Mozilla · Default · Symbols · Apache-2.0 Free for personal and commercial use.
- Name
- window
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
windowBootstrap IconswindowBoxIcons v2windowCodiconswindow-outlineFlowbite Iconswindow-16-filledFluent UI System IconswindowFluent EmojiwindowFluent Emoji FlatwindowFluent Emoji High ContrastwindowHeroIconswindowMaterial SymbolswindowMaterial Symbols LightwindowNoto EmojiwindowOpenMojiwindow-fillRemix IconwindowTabler IconswindowTDesign IconswindowTwitter EmojiwindowUnicons
More symbols icons from Firefox OS Emoji
alarmclockantennawithbarsanticlockwiseupwardsanddownwardsarrowsaquariusariesarrowrightwardsdownwardsarrowrightwardsupwardsautomatedtellermachinebabysymbolbackwithleftwardsarrowbaggageclaimballotboxwithcheckblackclubsuitblackdiamondsuitblackdownpointingdoublearrowblackheartsuitblacklargesquareblackleftpointingarrowblackleftpointingdoublearrowblackmediumsmallsquareblackmediumsquareblackquestionmarkblackrightpointingarrowblackrightpointingdoublearrow
Use the window emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M463.962 58.145H52.959c-7.574 0-13.713 6.14-13.713 13.713V454.75c0 6.577 5.692 11.91 12.714 11.91h413.002c7.022 0 12.714-5.332 12.714-11.91V71.858c-.001-7.574-6.14-13.713-13.714-13.713"/><circle cx="64.638" cy="90.45" r="9.349" fill="#D32A2A"/><circle cx="450.448" cy="90.45" r="9.349" fill="#132028"/><circle cx="94.793" cy="90.45" r="9.349" fill="#59CAFC"/><path fill="#FFF" d="M401.169 101.021h-262.88c-5.589 0-10.12-4.531-10.12-10.12v-.903c0-5.589 4.531-10.12 10.12-10.12h262.88c5.589 0 10.12 4.531 10.12 10.12v.903c0 5.59-4.531 10.12-10.12 10.12"/><path fill="#CFD3D3" d="M172.378 101.021h-33.637c-5.839 0-10.572-4.733-10.572-10.572s4.733-10.572 10.572-10.572h33.637z"/><path fill="#E0E0E0" d="M61.234 122.755v312.127c0 6.325 5.122 11.452 11.44 11.452h371.63c6.318 0 11.44-5.127 11.44-11.452V122.755z"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiWindow(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M463.962 58.145H52.959c-7.574 0-13.713 6.14-13.713 13.713V454.75c0 6.577 5.692 11.91 12.714 11.91h413.002c7.022 0 12.714-5.332 12.714-11.91V71.858c-.001-7.574-6.14-13.713-13.714-13.713"/><circle cx="64.638" cy="90.45" r="9.349" fill="#D32A2A"/><circle cx="450.448" cy="90.45" r="9.349" fill="#132028"/><circle cx="94.793" cy="90.45" r="9.349" fill="#59CAFC"/><path fill="#FFF" d="M401.169 101.021h-262.88c-5.589 0-10.12-4.531-10.12-10.12v-.903c0-5.589 4.531-10.12 10.12-10.12h262.88c5.589 0 10.12 4.531 10.12 10.12v.903c0 5.59-4.531 10.12-10.12 10.12"/><path fill="#CFD3D3" d="M172.378 101.021h-33.637c-5.839 0-10.572-4.733-10.572-10.572s4.733-10.572 10.572-10.572h33.637z"/><path fill="#E0E0E0" d="M61.234 122.755v312.127c0 6.325 5.122 11.452 11.44 11.452h371.63c6.318 0 11.44-5.127 11.44-11.452V122.755z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M463.962 58.145H52.959c-7.574 0-13.713 6.14-13.713 13.713V454.75c0 6.577 5.692 11.91 12.714 11.91h413.002c7.022 0 12.714-5.332 12.714-11.91V71.858c-.001-7.574-6.14-13.713-13.714-13.713"/><circle cx="64.638" cy="90.45" r="9.349" fill="#D32A2A"/><circle cx="450.448" cy="90.45" r="9.349" fill="#132028"/><circle cx="94.793" cy="90.45" r="9.349" fill="#59CAFC"/><path fill="#FFF" d="M401.169 101.021h-262.88c-5.589 0-10.12-4.531-10.12-10.12v-.903c0-5.589 4.531-10.12 10.12-10.12h262.88c5.589 0 10.12 4.531 10.12 10.12v.903c0 5.59-4.531 10.12-10.12 10.12"/><path fill="#CFD3D3" d="M172.378 101.021h-33.637c-5.839 0-10.572-4.733-10.572-10.572s4.733-10.572 10.572-10.572h33.637z"/><path fill="#E0E0E0" d="M61.234 122.755v312.127c0 6.325 5.122 11.452 11.44 11.452h371.63c6.318 0 11.44-5.127 11.44-11.452V122.755z"/></svg> </template>
CSS
.icon-window {
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%20512%20512%22%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M463.962%2058.145H52.959c-7.574%200-13.713%206.14-13.713%2013.713V454.75c0%206.577%205.692%2011.91%2012.714%2011.91h413.002c7.022%200%2012.714-5.332%2012.714-11.91V71.858c-.001-7.574-6.14-13.713-13.714-13.713%22%2F%3E%3Ccircle%20cx%3D%2264.638%22%20cy%3D%2290.45%22%20r%3D%229.349%22%20fill%3D%22%23D32A2A%22%2F%3E%3Ccircle%20cx%3D%22450.448%22%20cy%3D%2290.45%22%20r%3D%229.349%22%20fill%3D%22%23132028%22%2F%3E%3Ccircle%20cx%3D%2294.793%22%20cy%3D%2290.45%22%20r%3D%229.349%22%20fill%3D%22%2359CAFC%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M401.169%20101.021h-262.88c-5.589%200-10.12-4.531-10.12-10.12v-.903c0-5.589%204.531-10.12%2010.12-10.12h262.88c5.589%200%2010.12%204.531%2010.12%2010.12v.903c0%205.59-4.531%2010.12-10.12%2010.12%22%2F%3E%3Cpath%20fill%3D%22%23CFD3D3%22%20d%3D%22M172.378%20101.021h-33.637c-5.839%200-10.572-4.733-10.572-10.572s4.733-10.572%2010.572-10.572h33.637z%22%2F%3E%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M61.234%20122.755v312.127c0%206.325%205.122%2011.452%2011.44%2011.452h371.63c6.318%200%2011.44-5.127%2011.44-11.452V122.755z%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M463.962%2058.145H52.959c-7.574%200-13.713%206.14-13.713%2013.713V454.75c0%206.577%205.692%2011.91%2012.714%2011.91h413.002c7.022%200%2012.714-5.332%2012.714-11.91V71.858c-.001-7.574-6.14-13.713-13.714-13.713%22%2F%3E%3Ccircle%20cx%3D%2264.638%22%20cy%3D%2290.45%22%20r%3D%229.349%22%20fill%3D%22%23D32A2A%22%2F%3E%3Ccircle%20cx%3D%22450.448%22%20cy%3D%2290.45%22%20r%3D%229.349%22%20fill%3D%22%23132028%22%2F%3E%3Ccircle%20cx%3D%2294.793%22%20cy%3D%2290.45%22%20r%3D%229.349%22%20fill%3D%22%2359CAFC%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M401.169%20101.021h-262.88c-5.589%200-10.12-4.531-10.12-10.12v-.903c0-5.589%204.531-10.12%2010.12-10.12h262.88c5.589%200%2010.12%204.531%2010.12%2010.12v.903c0%205.59-4.531%2010.12-10.12%2010.12%22%2F%3E%3Cpath%20fill%3D%22%23CFD3D3%22%20d%3D%22M172.378%20101.021h-33.637c-5.839%200-10.572-4.733-10.572-10.572s4.733-10.572%2010.572-10.572h33.637z%22%2F%3E%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M61.234%20122.755v312.127c0%206.325%205.122%2011.452%2011.44%2011.452h371.63c6.318%200%2011.44-5.127%2011.44-11.452V122.755z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/window.svg?color=%231a73e8&size=48
