womans hat emoji
womans-hat from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- womans-hat
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the womans hat emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="23" fill="#ffd983" rx="18" ry="5"/><path fill="#ffd983" d="M29 17c0 1.566-4.925 6-11 6S7.043 18.566 7.043 17C7.043 10 14 7 18 7s11 3 11 10"/><path fill="#9266cc" d="M29 21c-5 3-17 3-22 0c0-.492.043-3.535.043-4C13 20 23 20 29 17c-.003.465 0 3.508 0 4"/><ellipse cx="18" cy="24" fill="#fff" rx="1" ry="2"/><ellipse cx="18" cy="18" fill="#fff" rx="1" ry="2"/><path fill="#fff" d="M16.586 23.828c-.781.781-1.731 1.098-2.121.707c-.391-.391-.074-1.34.707-2.121s1.73-1.098 2.122-.707c.39.391.073 1.341-.708 2.121m4.242-4.242c-.78.781-1.73 1.098-2.121.707s-.074-1.34.707-2.122s1.73-1.098 2.121-.707s.074 1.341-.707 2.122"/><path fill="#fff" d="M15 22c-1.105 0-2-.448-2-1c0-.553.896-1 2-1s2 .447 2 1s-.896 1-2 1m6 0c-1.104.001-2-.447-2-1s.896-1 2-1s2 .447 2 1s-.896 1-2 1"/><path fill="#fff" d="M15.172 19.587c-.782-.782-1.098-1.732-.707-2.122c.391-.391 1.34-.074 2.121.707c.781.782 1.098 1.73.707 2.121c-.391.392-1.341.074-2.121-.706m4.242 4.242c-.782-.78-1.098-1.73-.707-2.121c.391-.392 1.34-.074 2.121.707s1.098 1.73.707 2.121c-.389.39-1.34.074-2.121-.707"/><circle cx="18" cy="21" r="2" fill="#ffac33"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiWomansHat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="23" fill="#ffd983" rx="18" ry="5"/><path fill="#ffd983" d="M29 17c0 1.566-4.925 6-11 6S7.043 18.566 7.043 17C7.043 10 14 7 18 7s11 3 11 10"/><path fill="#9266cc" d="M29 21c-5 3-17 3-22 0c0-.492.043-3.535.043-4C13 20 23 20 29 17c-.003.465 0 3.508 0 4"/><ellipse cx="18" cy="24" fill="#fff" rx="1" ry="2"/><ellipse cx="18" cy="18" fill="#fff" rx="1" ry="2"/><path fill="#fff" d="M16.586 23.828c-.781.781-1.731 1.098-2.121.707c-.391-.391-.074-1.34.707-2.121s1.73-1.098 2.122-.707c.39.391.073 1.341-.708 2.121m4.242-4.242c-.78.781-1.73 1.098-2.121.707s-.074-1.34.707-2.122s1.73-1.098 2.121-.707s.074 1.341-.707 2.122"/><path fill="#fff" d="M15 22c-1.105 0-2-.448-2-1c0-.553.896-1 2-1s2 .447 2 1s-.896 1-2 1m6 0c-1.104.001-2-.447-2-1s.896-1 2-1s2 .447 2 1s-.896 1-2 1"/><path fill="#fff" d="M15.172 19.587c-.782-.782-1.098-1.732-.707-2.122c.391-.391 1.34-.074 2.121.707c.781.782 1.098 1.73.707 2.121c-.391.392-1.341.074-2.121-.706m4.242 4.242c-.782-.78-1.098-1.73-.707-2.121c.391-.392 1.34-.074 2.121.707s1.098 1.73.707 2.121c-.389.39-1.34.074-2.121-.707"/><circle cx="18" cy="21" r="2" fill="#ffac33"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="23" fill="#ffd983" rx="18" ry="5"/><path fill="#ffd983" d="M29 17c0 1.566-4.925 6-11 6S7.043 18.566 7.043 17C7.043 10 14 7 18 7s11 3 11 10"/><path fill="#9266cc" d="M29 21c-5 3-17 3-22 0c0-.492.043-3.535.043-4C13 20 23 20 29 17c-.003.465 0 3.508 0 4"/><ellipse cx="18" cy="24" fill="#fff" rx="1" ry="2"/><ellipse cx="18" cy="18" fill="#fff" rx="1" ry="2"/><path fill="#fff" d="M16.586 23.828c-.781.781-1.731 1.098-2.121.707c-.391-.391-.074-1.34.707-2.121s1.73-1.098 2.122-.707c.39.391.073 1.341-.708 2.121m4.242-4.242c-.78.781-1.73 1.098-2.121.707s-.074-1.34.707-2.122s1.73-1.098 2.121-.707s.074 1.341-.707 2.122"/><path fill="#fff" d="M15 22c-1.105 0-2-.448-2-1c0-.553.896-1 2-1s2 .447 2 1s-.896 1-2 1m6 0c-1.104.001-2-.447-2-1s.896-1 2-1s2 .447 2 1s-.896 1-2 1"/><path fill="#fff" d="M15.172 19.587c-.782-.782-1.098-1.732-.707-2.122c.391-.391 1.34-.074 2.121.707c.781.782 1.098 1.73.707 2.121c-.391.392-1.341.074-2.121-.706m4.242 4.242c-.782-.78-1.098-1.73-.707-2.121c.391-.392 1.34-.074 2.121.707s1.098 1.73.707 2.121c-.389.39-1.34.074-2.121-.707"/><circle cx="18" cy="21" r="2" fill="#ffac33"/></svg> </template>
CSS
.icon-womans-hat {
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%2036%2036%22%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2223%22%20fill%3D%22%23ffd983%22%20rx%3D%2218%22%20ry%3D%225%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M29%2017c0%201.566-4.925%206-11%206S7.043%2018.566%207.043%2017C7.043%2010%2014%207%2018%207s11%203%2011%2010%22%2F%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M29%2021c-5%203-17%203-22%200c0-.492.043-3.535.043-4C13%2020%2023%2020%2029%2017c-.003.465%200%203.508%200%204%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2224%22%20fill%3D%22%23fff%22%20rx%3D%221%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2218%22%20fill%3D%22%23fff%22%20rx%3D%221%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.586%2023.828c-.781.781-1.731%201.098-2.121.707c-.391-.391-.074-1.34.707-2.121s1.73-1.098%202.122-.707c.39.391.073%201.341-.708%202.121m4.242-4.242c-.78.781-1.73%201.098-2.121.707s-.074-1.34.707-2.122s1.73-1.098%202.121-.707s.074%201.341-.707%202.122%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15%2022c-1.105%200-2-.448-2-1c0-.553.896-1%202-1s2%20.447%202%201s-.896%201-2%201m6%200c-1.104.001-2-.447-2-1s.896-1%202-1s2%20.447%202%201s-.896%201-2%201%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.172%2019.587c-.782-.782-1.098-1.732-.707-2.122c.391-.391%201.34-.074%202.121.707c.781.782%201.098%201.73.707%202.121c-.391.392-1.341.074-2.121-.706m4.242%204.242c-.782-.78-1.098-1.73-.707-2.121c.391-.392%201.34-.074%202.121.707s1.098%201.73.707%202.121c-.389.39-1.34.074-2.121-.707%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2221%22%20r%3D%222%22%20fill%3D%22%23ffac33%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%2036%2036%22%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2223%22%20fill%3D%22%23ffd983%22%20rx%3D%2218%22%20ry%3D%225%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M29%2017c0%201.566-4.925%206-11%206S7.043%2018.566%207.043%2017C7.043%2010%2014%207%2018%207s11%203%2011%2010%22%2F%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M29%2021c-5%203-17%203-22%200c0-.492.043-3.535.043-4C13%2020%2023%2020%2029%2017c-.003.465%200%203.508%200%204%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2224%22%20fill%3D%22%23fff%22%20rx%3D%221%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2218%22%20fill%3D%22%23fff%22%20rx%3D%221%22%20ry%3D%222%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.586%2023.828c-.781.781-1.731%201.098-2.121.707c-.391-.391-.074-1.34.707-2.121s1.73-1.098%202.122-.707c.39.391.073%201.341-.708%202.121m4.242-4.242c-.78.781-1.73%201.098-2.121.707s-.074-1.34.707-2.122s1.73-1.098%202.121-.707s.074%201.341-.707%202.122%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15%2022c-1.105%200-2-.448-2-1c0-.553.896-1%202-1s2%20.447%202%201s-.896%201-2%201m6%200c-1.104.001-2-.447-2-1s.896-1%202-1s2%20.447%202%201s-.896%201-2%201%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.172%2019.587c-.782-.782-1.098-1.732-.707-2.122c.391-.391%201.34-.074%202.121.707c.781.782%201.098%201.73.707%202.121c-.391.392-1.341.074-2.121-.706m4.242%204.242c-.782-.78-1.098-1.73-.707-2.121c.391-.392%201.34-.074%202.121.707s1.098%201.73.707%202.121c-.389.39-1.34.074-2.121-.707%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2221%22%20r%3D%222%22%20fill%3D%22%23ffac33%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/womans-hat.svg?color=%231a73e8&size=48
