door emoji
door from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- door
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
doorAkar IconsdoorEmoji One (Colored)door-16-filledFluent UI System IconsdoorFluent EmojidoorFluent Emoji FlatdoorFluent Emoji High ContrastdoorHuge IconsdoorJam IconsdoorMaterial Design Iconsdoor-fillMingCute IcondoorNoto EmojidoorOpenMojidoorPhosphordoor-fillRemix IcondoorStreamline EmojisdoorTabler IconsdoorTwitter Emoji
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the door emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#F73737" d="M413.899 475.795H116.194V23.6c0-11.929 9.671-21.6 21.6-21.6h254.505c11.929 0 21.6 9.671 21.6 21.6z"/><path fill="#C62424" d="M224.291 226.405h-56.172c-11.929 0-21.6-9.671-21.6-21.6V63.682c0-11.929 9.671-21.6 21.6-21.6h56.172c11.929 0 21.6 9.671 21.6 21.6v141.123c0 11.929-9.67 21.6-21.6 21.6m159.283-21.6V63.682c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929 0-21.6 9.671-21.6 21.6v141.123c0 11.929 9.671 21.6 21.6 21.6h56.172c11.929 0 21.6-9.671 21.6-21.6M245.891 433.629v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929 0-21.6 9.671-21.6 21.6v96.407c0 11.929 9.671 21.6 21.6 21.6h56.172c11.93 0 21.6-9.671 21.6-21.6m137.683 0v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929 0-21.6 9.671-21.6 21.6v96.407c0 11.929 9.671 21.6 21.6 21.6h56.172c11.929 0 21.6-9.671 21.6-21.6"/><circle cx="360.861" cy="270.905" r="26.973" fill="#FFB636"/><path fill="#BFBCAF" d="M403.499 507.27H126.594c-5.744 0-10.4-4.656-10.4-10.4v-21.074h297.705v21.074c0 5.743-4.657 10.4-10.4 10.4"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiDoor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#F73737" d="M413.899 475.795H116.194V23.6c0-11.929 9.671-21.6 21.6-21.6h254.505c11.929 0 21.6 9.671 21.6 21.6z"/><path fill="#C62424" d="M224.291 226.405h-56.172c-11.929 0-21.6-9.671-21.6-21.6V63.682c0-11.929 9.671-21.6 21.6-21.6h56.172c11.929 0 21.6 9.671 21.6 21.6v141.123c0 11.929-9.67 21.6-21.6 21.6m159.283-21.6V63.682c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929 0-21.6 9.671-21.6 21.6v141.123c0 11.929 9.671 21.6 21.6 21.6h56.172c11.929 0 21.6-9.671 21.6-21.6M245.891 433.629v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929 0-21.6 9.671-21.6 21.6v96.407c0 11.929 9.671 21.6 21.6 21.6h56.172c11.93 0 21.6-9.671 21.6-21.6m137.683 0v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929 0-21.6 9.671-21.6 21.6v96.407c0 11.929 9.671 21.6 21.6 21.6h56.172c11.929 0 21.6-9.671 21.6-21.6"/><circle cx="360.861" cy="270.905" r="26.973" fill="#FFB636"/><path fill="#BFBCAF" d="M403.499 507.27H126.594c-5.744 0-10.4-4.656-10.4-10.4v-21.074h297.705v21.074c0 5.743-4.657 10.4-10.4 10.4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#F73737" d="M413.899 475.795H116.194V23.6c0-11.929 9.671-21.6 21.6-21.6h254.505c11.929 0 21.6 9.671 21.6 21.6z"/><path fill="#C62424" d="M224.291 226.405h-56.172c-11.929 0-21.6-9.671-21.6-21.6V63.682c0-11.929 9.671-21.6 21.6-21.6h56.172c11.929 0 21.6 9.671 21.6 21.6v141.123c0 11.929-9.67 21.6-21.6 21.6m159.283-21.6V63.682c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929 0-21.6 9.671-21.6 21.6v141.123c0 11.929 9.671 21.6 21.6 21.6h56.172c11.929 0 21.6-9.671 21.6-21.6M245.891 433.629v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929 0-21.6 9.671-21.6 21.6v96.407c0 11.929 9.671 21.6 21.6 21.6h56.172c11.93 0 21.6-9.671 21.6-21.6m137.683 0v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929 0-21.6 9.671-21.6 21.6v96.407c0 11.929 9.671 21.6 21.6 21.6h56.172c11.929 0 21.6-9.671 21.6-21.6"/><circle cx="360.861" cy="270.905" r="26.973" fill="#FFB636"/><path fill="#BFBCAF" d="M403.499 507.27H126.594c-5.744 0-10.4-4.656-10.4-10.4v-21.074h297.705v21.074c0 5.743-4.657 10.4-10.4 10.4"/></svg> </template>
CSS
.icon-door {
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%23F73737%22%20d%3D%22M413.899%20475.795H116.194V23.6c0-11.929%209.671-21.6%2021.6-21.6h254.505c11.929%200%2021.6%209.671%2021.6%2021.6z%22%2F%3E%3Cpath%20fill%3D%22%23C62424%22%20d%3D%22M224.291%20226.405h-56.172c-11.929%200-21.6-9.671-21.6-21.6V63.682c0-11.929%209.671-21.6%2021.6-21.6h56.172c11.929%200%2021.6%209.671%2021.6%2021.6v141.123c0%2011.929-9.67%2021.6-21.6%2021.6m159.283-21.6V63.682c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929%200-21.6%209.671-21.6%2021.6v141.123c0%2011.929%209.671%2021.6%2021.6%2021.6h56.172c11.929%200%2021.6-9.671%2021.6-21.6M245.891%20433.629v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929%200-21.6%209.671-21.6%2021.6v96.407c0%2011.929%209.671%2021.6%2021.6%2021.6h56.172c11.93%200%2021.6-9.671%2021.6-21.6m137.683%200v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929%200-21.6%209.671-21.6%2021.6v96.407c0%2011.929%209.671%2021.6%2021.6%2021.6h56.172c11.929%200%2021.6-9.671%2021.6-21.6%22%2F%3E%3Ccircle%20cx%3D%22360.861%22%20cy%3D%22270.905%22%20r%3D%2226.973%22%20fill%3D%22%23FFB636%22%2F%3E%3Cpath%20fill%3D%22%23BFBCAF%22%20d%3D%22M403.499%20507.27H126.594c-5.744%200-10.4-4.656-10.4-10.4v-21.074h297.705v21.074c0%205.743-4.657%2010.4-10.4%2010.4%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%23F73737%22%20d%3D%22M413.899%20475.795H116.194V23.6c0-11.929%209.671-21.6%2021.6-21.6h254.505c11.929%200%2021.6%209.671%2021.6%2021.6z%22%2F%3E%3Cpath%20fill%3D%22%23C62424%22%20d%3D%22M224.291%20226.405h-56.172c-11.929%200-21.6-9.671-21.6-21.6V63.682c0-11.929%209.671-21.6%2021.6-21.6h56.172c11.929%200%2021.6%209.671%2021.6%2021.6v141.123c0%2011.929-9.67%2021.6-21.6%2021.6m159.283-21.6V63.682c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929%200-21.6%209.671-21.6%2021.6v141.123c0%2011.929%209.671%2021.6%2021.6%2021.6h56.172c11.929%200%2021.6-9.671%2021.6-21.6M245.891%20433.629v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929%200-21.6%209.671-21.6%2021.6v96.407c0%2011.929%209.671%2021.6%2021.6%2021.6h56.172c11.93%200%2021.6-9.671%2021.6-21.6m137.683%200v-96.407c0-11.929-9.671-21.6-21.6-21.6h-56.172c-11.929%200-21.6%209.671-21.6%2021.6v96.407c0%2011.929%209.671%2021.6%2021.6%2021.6h56.172c11.929%200%2021.6-9.671%2021.6-21.6%22%2F%3E%3Ccircle%20cx%3D%22360.861%22%20cy%3D%22270.905%22%20r%3D%2226.973%22%20fill%3D%22%23FFB636%22%2F%3E%3Cpath%20fill%3D%22%23BFBCAF%22%20d%3D%22M403.499%20507.27H126.594c-5.744%200-10.4-4.656-10.4-10.4v-21.074h297.705v21.074c0%205.743-4.657%2010.4-10.4%2010.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/door.svg?color=%231a73e8&size=48
