rabbit face emoji
rabbit-face from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- rabbit-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the rabbit face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M33.799.005c-.467-.178-7.998 3.971-9.969 9.131c-1.166 3.052-1.686 6.058-1.652 8.112C20.709 16.459 19.257 16 18 16s-2.709.458-4.178 1.249c.033-2.055-.486-5.061-1.652-8.112C10.2 3.977 2.668-.173 2.201.005c-.455.174 4.268 16.044 7.025 20.838C6.805 23.405 5 26.661 5 29.828c0 3.234 1.635 5.14 4 5.94c2.531.857 5-.94 9-.94s6.469 1.798 9 .94c2.365-.801 4-2.706 4-5.94c0-3.166-1.805-6.423-4.225-8.984C29.53 16.049 34.255.179 33.799.005"/><path fill="#f4abba" d="M12.692 17.922c-.178-1.54-.68-3.55-1.457-5.584c-1.534-4.016-5.686-7.245-6.049-7.107c-.319.122 2.627 10.14 4.783 14.863a19 19 0 0 1 2.723-2.172m13.338 2.172c2.156-4.723 5.102-14.741 4.784-14.862c-.363-.139-4.516 3.091-6.05 7.107c-.777 2.034-1.279 4.043-1.457 5.583a19 19 0 0 1 2.723 2.172"/><path fill="#ccd6dd" d="M25 30c0 2.762-3.06 5-6.834 5s-6.833-2.238-6.833-5s3.06-5 6.833-5S25 27.238 25 30"/><path fill="#fff" d="M21 30.578c0 2.762-.238 3-3 3s-3-.238-3-3c0-1 6-1 6 0"/><circle cx="12.5" cy="24.328" r="1.5" fill="#292f33"/><circle cx="23.5" cy="24.328" r="1.5" fill="#292f33"/><path fill="#f4abba" d="M21 25.828c0 1.657-2 3-3 3s-3-1.343-3-3s6-1.657 6 0"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiRabbitFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M33.799.005c-.467-.178-7.998 3.971-9.969 9.131c-1.166 3.052-1.686 6.058-1.652 8.112C20.709 16.459 19.257 16 18 16s-2.709.458-4.178 1.249c.033-2.055-.486-5.061-1.652-8.112C10.2 3.977 2.668-.173 2.201.005c-.455.174 4.268 16.044 7.025 20.838C6.805 23.405 5 26.661 5 29.828c0 3.234 1.635 5.14 4 5.94c2.531.857 5-.94 9-.94s6.469 1.798 9 .94c2.365-.801 4-2.706 4-5.94c0-3.166-1.805-6.423-4.225-8.984C29.53 16.049 34.255.179 33.799.005"/><path fill="#f4abba" d="M12.692 17.922c-.178-1.54-.68-3.55-1.457-5.584c-1.534-4.016-5.686-7.245-6.049-7.107c-.319.122 2.627 10.14 4.783 14.863a19 19 0 0 1 2.723-2.172m13.338 2.172c2.156-4.723 5.102-14.741 4.784-14.862c-.363-.139-4.516 3.091-6.05 7.107c-.777 2.034-1.279 4.043-1.457 5.583a19 19 0 0 1 2.723 2.172"/><path fill="#ccd6dd" d="M25 30c0 2.762-3.06 5-6.834 5s-6.833-2.238-6.833-5s3.06-5 6.833-5S25 27.238 25 30"/><path fill="#fff" d="M21 30.578c0 2.762-.238 3-3 3s-3-.238-3-3c0-1 6-1 6 0"/><circle cx="12.5" cy="24.328" r="1.5" fill="#292f33"/><circle cx="23.5" cy="24.328" r="1.5" fill="#292f33"/><path fill="#f4abba" d="M21 25.828c0 1.657-2 3-3 3s-3-1.343-3-3s6-1.657 6 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#99aab5" d="M33.799.005c-.467-.178-7.998 3.971-9.969 9.131c-1.166 3.052-1.686 6.058-1.652 8.112C20.709 16.459 19.257 16 18 16s-2.709.458-4.178 1.249c.033-2.055-.486-5.061-1.652-8.112C10.2 3.977 2.668-.173 2.201.005c-.455.174 4.268 16.044 7.025 20.838C6.805 23.405 5 26.661 5 29.828c0 3.234 1.635 5.14 4 5.94c2.531.857 5-.94 9-.94s6.469 1.798 9 .94c2.365-.801 4-2.706 4-5.94c0-3.166-1.805-6.423-4.225-8.984C29.53 16.049 34.255.179 33.799.005"/><path fill="#f4abba" d="M12.692 17.922c-.178-1.54-.68-3.55-1.457-5.584c-1.534-4.016-5.686-7.245-6.049-7.107c-.319.122 2.627 10.14 4.783 14.863a19 19 0 0 1 2.723-2.172m13.338 2.172c2.156-4.723 5.102-14.741 4.784-14.862c-.363-.139-4.516 3.091-6.05 7.107c-.777 2.034-1.279 4.043-1.457 5.583a19 19 0 0 1 2.723 2.172"/><path fill="#ccd6dd" d="M25 30c0 2.762-3.06 5-6.834 5s-6.833-2.238-6.833-5s3.06-5 6.833-5S25 27.238 25 30"/><path fill="#fff" d="M21 30.578c0 2.762-.238 3-3 3s-3-.238-3-3c0-1 6-1 6 0"/><circle cx="12.5" cy="24.328" r="1.5" fill="#292f33"/><circle cx="23.5" cy="24.328" r="1.5" fill="#292f33"/><path fill="#f4abba" d="M21 25.828c0 1.657-2 3-3 3s-3-1.343-3-3s6-1.657 6 0"/></svg> </template>
CSS
.icon-rabbit-face {
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%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M33.799.005c-.467-.178-7.998%203.971-9.969%209.131c-1.166%203.052-1.686%206.058-1.652%208.112C20.709%2016.459%2019.257%2016%2018%2016s-2.709.458-4.178%201.249c.033-2.055-.486-5.061-1.652-8.112C10.2%203.977%202.668-.173%202.201.005c-.455.174%204.268%2016.044%207.025%2020.838C6.805%2023.405%205%2026.661%205%2029.828c0%203.234%201.635%205.14%204%205.94c2.531.857%205-.94%209-.94s6.469%201.798%209%20.94c2.365-.801%204-2.706%204-5.94c0-3.166-1.805-6.423-4.225-8.984C29.53%2016.049%2034.255.179%2033.799.005%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M12.692%2017.922c-.178-1.54-.68-3.55-1.457-5.584c-1.534-4.016-5.686-7.245-6.049-7.107c-.319.122%202.627%2010.14%204.783%2014.863a19%2019%200%200%201%202.723-2.172m13.338%202.172c2.156-4.723%205.102-14.741%204.784-14.862c-.363-.139-4.516%203.091-6.05%207.107c-.777%202.034-1.279%204.043-1.457%205.583a19%2019%200%200%201%202.723%202.172%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M25%2030c0%202.762-3.06%205-6.834%205s-6.833-2.238-6.833-5s3.06-5%206.833-5S25%2027.238%2025%2030%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%2030.578c0%202.762-.238%203-3%203s-3-.238-3-3c0-1%206-1%206%200%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2224.328%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2224.328%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M21%2025.828c0%201.657-2%203-3%203s-3-1.343-3-3s6-1.657%206%200%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%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M33.799.005c-.467-.178-7.998%203.971-9.969%209.131c-1.166%203.052-1.686%206.058-1.652%208.112C20.709%2016.459%2019.257%2016%2018%2016s-2.709.458-4.178%201.249c.033-2.055-.486-5.061-1.652-8.112C10.2%203.977%202.668-.173%202.201.005c-.455.174%204.268%2016.044%207.025%2020.838C6.805%2023.405%205%2026.661%205%2029.828c0%203.234%201.635%205.14%204%205.94c2.531.857%205-.94%209-.94s6.469%201.798%209%20.94c2.365-.801%204-2.706%204-5.94c0-3.166-1.805-6.423-4.225-8.984C29.53%2016.049%2034.255.179%2033.799.005%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M12.692%2017.922c-.178-1.54-.68-3.55-1.457-5.584c-1.534-4.016-5.686-7.245-6.049-7.107c-.319.122%202.627%2010.14%204.783%2014.863a19%2019%200%200%201%202.723-2.172m13.338%202.172c2.156-4.723%205.102-14.741%204.784-14.862c-.363-.139-4.516%203.091-6.05%207.107c-.777%202.034-1.279%204.043-1.457%205.583a19%2019%200%200%201%202.723%202.172%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M25%2030c0%202.762-3.06%205-6.834%205s-6.833-2.238-6.833-5s3.06-5%206.833-5S25%2027.238%2025%2030%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%2030.578c0%202.762-.238%203-3%203s-3-.238-3-3c0-1%206-1%206%200%22%2F%3E%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2224.328%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3Ccircle%20cx%3D%2223.5%22%20cy%3D%2224.328%22%20r%3D%221.5%22%20fill%3D%22%23292f33%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M21%2025.828c0%201.657-2%203-3%203s-3-1.343-3-3s6-1.657%206%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/rabbit-face.svg?color=%231a73e8&size=48
