coat emoji
coat from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- coat
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the coat emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#8c5543" d="M19 6.01h-7V12h7z"/><path fill="#ffdea7" d="M8.023 19.965L6.274 22.83a.61.61 0 0 1-.84.24l-3.12-1.72a.617.617 0 0 1-.26-.79L8.795 7.348C9.345 6.338 10.023 6 11.12 6h.858l3.63 6.795l3.4-6.783h1.46c1.567 0 2.417 1.038 2.967 2.048l6.38 12.5c.13.29.02.63-.26.79l-3.12 1.72a.61.61 0 0 1-.84-.24l-1.59-2.843V29a.98.98 0 0 1-1 .992H9.016c-.575 0-1.028-.4-1.028-.98z"/><path fill="#e19747" d="M9.944 10.77c-.2.16-.21.46-.02.64l5.1 4.592c.613-.712.75-.85 1.82-2.312L12.004 6h-.71c-.72 0-1.35.5-1.53 1.2l-.4 1.76c-.1.39.2.77.6.77c0 0 .75.03.84.05c.09.01.13.12 0 .24c-.12.13-.51.47-.51.47z"/><path fill="#8c5543" d="M16.502 19.004a.502.502 0 1 0 0-1.004a.502.502 0 0 0 0 1.004m0 3a.502.502 0 1 0 0-1.004a.502.502 0 0 0 0 1.004M17 24.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="#e19747" d="m9.076 23.684l3.718-2.2c.06-.04.206 0 .206.106v.414c0 .289-.086.512-.335.66l-2.502 1.49a.82.82 0 0 1-1.137-.29a.144.144 0 0 1 .05-.18m13.86 0l-3.73-2.2c-.06-.04-.206 0-.206.106v.414c0 .289.086.512.336.66l2.51 1.49c.39.24.91.11 1.14-.29c.03-.06.01-.14-.05-.18"/><path fill="#f3c07b" d="M14.006 15.737H15V30h-.994z"/><path fill="#f3ad61" d="M20.964 10.77c.2.16.21.46.02.64l-6.532 5.974c-.17.16-.45.04-.45-.19v-2.79c0-.26.06-.52.16-.76L18.992 6h.622c.72 0 1.35.5 1.53 1.2l.4 1.76c.1.39-.2.77-.6.77c0 0-.75.03-.84.05c-.09.01-.13.12 0 .24s.51.46.51.46z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatCoat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#8c5543" d="M19 6.01h-7V12h7z"/><path fill="#ffdea7" d="M8.023 19.965L6.274 22.83a.61.61 0 0 1-.84.24l-3.12-1.72a.617.617 0 0 1-.26-.79L8.795 7.348C9.345 6.338 10.023 6 11.12 6h.858l3.63 6.795l3.4-6.783h1.46c1.567 0 2.417 1.038 2.967 2.048l6.38 12.5c.13.29.02.63-.26.79l-3.12 1.72a.61.61 0 0 1-.84-.24l-1.59-2.843V29a.98.98 0 0 1-1 .992H9.016c-.575 0-1.028-.4-1.028-.98z"/><path fill="#e19747" d="M9.944 10.77c-.2.16-.21.46-.02.64l5.1 4.592c.613-.712.75-.85 1.82-2.312L12.004 6h-.71c-.72 0-1.35.5-1.53 1.2l-.4 1.76c-.1.39.2.77.6.77c0 0 .75.03.84.05c.09.01.13.12 0 .24c-.12.13-.51.47-.51.47z"/><path fill="#8c5543" d="M16.502 19.004a.502.502 0 1 0 0-1.004a.502.502 0 0 0 0 1.004m0 3a.502.502 0 1 0 0-1.004a.502.502 0 0 0 0 1.004M17 24.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="#e19747" d="m9.076 23.684l3.718-2.2c.06-.04.206 0 .206.106v.414c0 .289-.086.512-.335.66l-2.502 1.49a.82.82 0 0 1-1.137-.29a.144.144 0 0 1 .05-.18m13.86 0l-3.73-2.2c-.06-.04-.206 0-.206.106v.414c0 .289.086.512.336.66l2.51 1.49c.39.24.91.11 1.14-.29c.03-.06.01-.14-.05-.18"/><path fill="#f3c07b" d="M14.006 15.737H15V30h-.994z"/><path fill="#f3ad61" d="M20.964 10.77c.2.16.21.46.02.64l-6.532 5.974c-.17.16-.45.04-.45-.19v-2.79c0-.26.06-.52.16-.76L18.992 6h.622c.72 0 1.35.5 1.53 1.2l.4 1.76c.1.39-.2.77-.6.77c0 0-.75.03-.84.05c-.09.01-.13.12 0 .24s.51.46.51.46z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#8c5543" d="M19 6.01h-7V12h7z"/><path fill="#ffdea7" d="M8.023 19.965L6.274 22.83a.61.61 0 0 1-.84.24l-3.12-1.72a.617.617 0 0 1-.26-.79L8.795 7.348C9.345 6.338 10.023 6 11.12 6h.858l3.63 6.795l3.4-6.783h1.46c1.567 0 2.417 1.038 2.967 2.048l6.38 12.5c.13.29.02.63-.26.79l-3.12 1.72a.61.61 0 0 1-.84-.24l-1.59-2.843V29a.98.98 0 0 1-1 .992H9.016c-.575 0-1.028-.4-1.028-.98z"/><path fill="#e19747" d="M9.944 10.77c-.2.16-.21.46-.02.64l5.1 4.592c.613-.712.75-.85 1.82-2.312L12.004 6h-.71c-.72 0-1.35.5-1.53 1.2l-.4 1.76c-.1.39.2.77.6.77c0 0 .75.03.84.05c.09.01.13.12 0 .24c-.12.13-.51.47-.51.47z"/><path fill="#8c5543" d="M16.502 19.004a.502.502 0 1 0 0-1.004a.502.502 0 0 0 0 1.004m0 3a.502.502 0 1 0 0-1.004a.502.502 0 0 0 0 1.004M17 24.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0"/><path fill="#e19747" d="m9.076 23.684l3.718-2.2c.06-.04.206 0 .206.106v.414c0 .289-.086.512-.335.66l-2.502 1.49a.82.82 0 0 1-1.137-.29a.144.144 0 0 1 .05-.18m13.86 0l-3.73-2.2c-.06-.04-.206 0-.206.106v.414c0 .289.086.512.336.66l2.51 1.49c.39.24.91.11 1.14-.29c.03-.06.01-.14-.05-.18"/><path fill="#f3c07b" d="M14.006 15.737H15V30h-.994z"/><path fill="#f3ad61" d="M20.964 10.77c.2.16.21.46.02.64l-6.532 5.974c-.17.16-.45.04-.45-.19v-2.79c0-.26.06-.52.16-.76L18.992 6h.622c.72 0 1.35.5 1.53 1.2l.4 1.76c.1.39-.2.77-.6.77c0 0-.75.03-.84.05c-.09.01-.13.12 0 .24s.51.46.51.46z"/></g></svg> </template>
CSS
.icon-coat {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M19%206.01h-7V12h7z%22%2F%3E%3Cpath%20fill%3D%22%23ffdea7%22%20d%3D%22M8.023%2019.965L6.274%2022.83a.61.61%200%200%201-.84.24l-3.12-1.72a.617.617%200%200%201-.26-.79L8.795%207.348C9.345%206.338%2010.023%206%2011.12%206h.858l3.63%206.795l3.4-6.783h1.46c1.567%200%202.417%201.038%202.967%202.048l6.38%2012.5c.13.29.02.63-.26.79l-3.12%201.72a.61.61%200%200%201-.84-.24l-1.59-2.843V29a.98.98%200%200%201-1%20.992H9.016c-.575%200-1.028-.4-1.028-.98z%22%2F%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M9.944%2010.77c-.2.16-.21.46-.02.64l5.1%204.592c.613-.712.75-.85%201.82-2.312L12.004%206h-.71c-.72%200-1.35.5-1.53%201.2l-.4%201.76c-.1.39.2.77.6.77c0%200%20.75.03.84.05c.09.01.13.12%200%20.24c-.12.13-.51.47-.51.47z%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M16.502%2019.004a.502.502%200%201%200%200-1.004a.502.502%200%200%200%200%201.004m0%203a.502.502%200%201%200%200-1.004a.502.502%200%200%200%200%201.004M17%2024.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22m9.076%2023.684l3.718-2.2c.06-.04.206%200%20.206.106v.414c0%20.289-.086.512-.335.66l-2.502%201.49a.82.82%200%200%201-1.137-.29a.144.144%200%200%201%20.05-.18m13.86%200l-3.73-2.2c-.06-.04-.206%200-.206.106v.414c0%20.289.086.512.336.66l2.51%201.49c.39.24.91.11%201.14-.29c.03-.06.01-.14-.05-.18%22%2F%3E%3Cpath%20fill%3D%22%23f3c07b%22%20d%3D%22M14.006%2015.737H15V30h-.994z%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M20.964%2010.77c.2.16.21.46.02.64l-6.532%205.974c-.17.16-.45.04-.45-.19v-2.79c0-.26.06-.52.16-.76L18.992%206h.622c.72%200%201.35.5%201.53%201.2l.4%201.76c.1.39-.2.77-.6.77c0%200-.75.03-.84.05c-.09.01-.13.12%200%20.24s.51.46.51.46z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M19%206.01h-7V12h7z%22%2F%3E%3Cpath%20fill%3D%22%23ffdea7%22%20d%3D%22M8.023%2019.965L6.274%2022.83a.61.61%200%200%201-.84.24l-3.12-1.72a.617.617%200%200%201-.26-.79L8.795%207.348C9.345%206.338%2010.023%206%2011.12%206h.858l3.63%206.795l3.4-6.783h1.46c1.567%200%202.417%201.038%202.967%202.048l6.38%2012.5c.13.29.02.63-.26.79l-3.12%201.72a.61.61%200%200%201-.84-.24l-1.59-2.843V29a.98.98%200%200%201-1%20.992H9.016c-.575%200-1.028-.4-1.028-.98z%22%2F%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M9.944%2010.77c-.2.16-.21.46-.02.64l5.1%204.592c.613-.712.75-.85%201.82-2.312L12.004%206h-.71c-.72%200-1.35.5-1.53%201.2l-.4%201.76c-.1.39.2.77.6.77c0%200%20.75.03.84.05c.09.01.13.12%200%20.24c-.12.13-.51.47-.51.47z%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M16.502%2019.004a.502.502%200%201%200%200-1.004a.502.502%200%200%200%200%201.004m0%203a.502.502%200%201%200%200-1.004a.502.502%200%200%200%200%201.004M17%2024.5a.5.5%200%201%201-1%200a.5.5%200%200%201%201%200%22%2F%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22m9.076%2023.684l3.718-2.2c.06-.04.206%200%20.206.106v.414c0%20.289-.086.512-.335.66l-2.502%201.49a.82.82%200%200%201-1.137-.29a.144.144%200%200%201%20.05-.18m13.86%200l-3.73-2.2c-.06-.04-.206%200-.206.106v.414c0%20.289.086.512.336.66l2.51%201.49c.39.24.91.11%201.14-.29c.03-.06.01-.14-.05-.18%22%2F%3E%3Cpath%20fill%3D%22%23f3c07b%22%20d%3D%22M14.006%2015.737H15V30h-.994z%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M20.964%2010.77c.2.16.21.46.02.64l-6.532%205.974c-.17.16-.45.04-.45-.19v-2.79c0-.26.06-.52.16-.76L18.992%206h.622c.72%200%201.35.5%201.53%201.2l.4%201.76c.1.39-.2.77-.6.77c0%200-.75.03-.84.05c-.09.01-.13.12%200%20.24s.51.46.51.46z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/coat.svg?color=%231a73e8&size=48
