door emoji
door from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- door
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
doorAkar Iconsdoor-16-filledFluent UI System IconsdoorFluent EmojidoorFluent Emoji FlatdoorFluent Emoji High ContrastdoorFirefox OS EmojidoorHuge IconsdoorJam IconsdoorMaterial Design Iconsdoor-fillMingCute IcondoorNoto EmojidoorOpenMojidoorPhosphordoor-fillRemix IcondoorStreamline EmojisdoorTabler IconsdoorTwitter Emoji
More objects icons from Emoji One (Colored)
Use the door emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="M3 29v32h58V29C61-10 3-9.4 3 29"/><path fill="#594640" d="M7.2 31.2V61h49.5V31.2C56.8-5 7.2-4.5 7.2 31.2"/><path fill="#a37d64" d="M8 31.7V61h48V31.7c0-35.8-48-35.2-48 0"/><path fill="#94989b" d="M0 61h64v3H0z"/><path fill="#594640" d="M35.2 30.5h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.5 0V10.8c-8.3 1.2-16 7.9-16.6 19.7zm5.5 5.6h16.7V56H35.2zm-22.2 0h16.7V56H13z"/><path fill="#89664c" d="M34.8 30.1h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.6 0V10.4c-8.3 1.2-16 7.9-16.6 19.7zm5.6 5.6h16.7v19.9H34.8zm-22.3 0h16.7v19.9H12.5z"/><path fill="#ffce31" d="M47.5 28.9h7v14h-7z"/><path fill="#f2b200" d="M48 29.4h6v13h-6z"/><path fill="#3e4347" d="m52 41.2l-.4-2.7c.2-.2.4-.5.4-.8c0-.6-.4-1-1-1s-1 .4-1 1c0 .3.2.6.4.8l-.4 2.7z"/><circle cx="51" cy="33" r="2.9" fill="#b78300"/><path fill="#ffd664" d="M53.8 32.5c0 1.6-1.3 2.9-2.9 2.9S48 34.1 48 32.5s1.3-2.9 2.9-2.9s2.9 1.3 2.9 2.9"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneDoor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="M3 29v32h58V29C61-10 3-9.4 3 29"/><path fill="#594640" d="M7.2 31.2V61h49.5V31.2C56.8-5 7.2-4.5 7.2 31.2"/><path fill="#a37d64" d="M8 31.7V61h48V31.7c0-35.8-48-35.2-48 0"/><path fill="#94989b" d="M0 61h64v3H0z"/><path fill="#594640" d="M35.2 30.5h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.5 0V10.8c-8.3 1.2-16 7.9-16.6 19.7zm5.5 5.6h16.7V56H35.2zm-22.2 0h16.7V56H13z"/><path fill="#89664c" d="M34.8 30.1h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.6 0V10.4c-8.3 1.2-16 7.9-16.6 19.7zm5.6 5.6h16.7v19.9H34.8zm-22.3 0h16.7v19.9H12.5z"/><path fill="#ffce31" d="M47.5 28.9h7v14h-7z"/><path fill="#f2b200" d="M48 29.4h6v13h-6z"/><path fill="#3e4347" d="m52 41.2l-.4-2.7c.2-.2.4-.5.4-.8c0-.6-.4-1-1-1s-1 .4-1 1c0 .3.2.6.4.8l-.4 2.7z"/><circle cx="51" cy="33" r="2.9" fill="#b78300"/><path fill="#ffd664" d="M53.8 32.5c0 1.6-1.3 2.9-2.9 2.9S48 34.1 48 32.5s1.3-2.9 2.9-2.9s2.9 1.3 2.9 2.9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="M3 29v32h58V29C61-10 3-9.4 3 29"/><path fill="#594640" d="M7.2 31.2V61h49.5V31.2C56.8-5 7.2-4.5 7.2 31.2"/><path fill="#a37d64" d="M8 31.7V61h48V31.7c0-35.8-48-35.2-48 0"/><path fill="#94989b" d="M0 61h64v3H0z"/><path fill="#594640" d="M35.2 30.5h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.5 0V10.8c-8.3 1.2-16 7.9-16.6 19.7zm5.5 5.6h16.7V56H35.2zm-22.2 0h16.7V56H13z"/><path fill="#89664c" d="M34.8 30.1h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.6 0V10.4c-8.3 1.2-16 7.9-16.6 19.7zm5.6 5.6h16.7v19.9H34.8zm-22.3 0h16.7v19.9H12.5z"/><path fill="#ffce31" d="M47.5 28.9h7v14h-7z"/><path fill="#f2b200" d="M48 29.4h6v13h-6z"/><path fill="#3e4347" d="m52 41.2l-.4-2.7c.2-.2.4-.5.4-.8c0-.6-.4-1-1-1s-1 .4-1 1c0 .3.2.6.4.8l-.4 2.7z"/><circle cx="51" cy="33" r="2.9" fill="#b78300"/><path fill="#ffd664" d="M53.8 32.5c0 1.6-1.3 2.9-2.9 2.9S48 34.1 48 32.5s1.3-2.9 2.9-2.9s2.9 1.3 2.9 2.9"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M3%2029v32h58V29C61-10%203-9.4%203%2029%22%2F%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M7.2%2031.2V61h49.5V31.2C56.8-5%207.2-4.5%207.2%2031.2%22%2F%3E%3Cpath%20fill%3D%22%23a37d64%22%20d%3D%22M8%2031.7V61h48V31.7c0-35.8-48-35.2-48%200%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M0%2061h64v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M35.2%2030.5h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.5%200V10.8c-8.3%201.2-16%207.9-16.6%2019.7zm5.5%205.6h16.7V56H35.2zm-22.2%200h16.7V56H13z%22%2F%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M34.8%2030.1h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.6%200V10.4c-8.3%201.2-16%207.9-16.6%2019.7zm5.6%205.6h16.7v19.9H34.8zm-22.3%200h16.7v19.9H12.5z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M47.5%2028.9h7v14h-7z%22%2F%3E%3Cpath%20fill%3D%22%23f2b200%22%20d%3D%22M48%2029.4h6v13h-6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m52%2041.2l-.4-2.7c.2-.2.4-.5.4-.8c0-.6-.4-1-1-1s-1%20.4-1%201c0%20.3.2.6.4.8l-.4%202.7z%22%2F%3E%3Ccircle%20cx%3D%2251%22%20cy%3D%2233%22%20r%3D%222.9%22%20fill%3D%22%23b78300%22%2F%3E%3Cpath%20fill%3D%22%23ffd664%22%20d%3D%22M53.8%2032.5c0%201.6-1.3%202.9-2.9%202.9S48%2034.1%2048%2032.5s1.3-2.9%202.9-2.9s2.9%201.3%202.9%202.9%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%2064%2064%22%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M3%2029v32h58V29C61-10%203-9.4%203%2029%22%2F%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M7.2%2031.2V61h49.5V31.2C56.8-5%207.2-4.5%207.2%2031.2%22%2F%3E%3Cpath%20fill%3D%22%23a37d64%22%20d%3D%22M8%2031.7V61h48V31.7c0-35.8-48-35.2-48%200%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M0%2061h64v3H0z%22%2F%3E%3Cpath%20fill%3D%22%23594640%22%20d%3D%22M35.2%2030.5h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.5%200V10.8c-8.3%201.2-16%207.9-16.6%2019.7zm5.5%205.6h16.7V56H35.2zm-22.2%200h16.7V56H13z%22%2F%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M34.8%2030.1h16.6c-.6-12.1-8.3-18.6-16.6-19.8zm-5.6%200V10.4c-8.3%201.2-16%207.9-16.6%2019.7zm5.6%205.6h16.7v19.9H34.8zm-22.3%200h16.7v19.9H12.5z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M47.5%2028.9h7v14h-7z%22%2F%3E%3Cpath%20fill%3D%22%23f2b200%22%20d%3D%22M48%2029.4h6v13h-6z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22m52%2041.2l-.4-2.7c.2-.2.4-.5.4-.8c0-.6-.4-1-1-1s-1%20.4-1%201c0%20.3.2.6.4.8l-.4%202.7z%22%2F%3E%3Ccircle%20cx%3D%2251%22%20cy%3D%2233%22%20r%3D%222.9%22%20fill%3D%22%23b78300%22%2F%3E%3Cpath%20fill%3D%22%23ffd664%22%20d%3D%22M53.8%2032.5c0%201.6-1.3%202.9-2.9%202.9S48%2034.1%2048%2032.5s1.3-2.9%202.9-2.9s2.9%201.3%202.9%202.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/door.svg?color=%231a73e8&size=48
