joker emoji
joker from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- joker
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Twitter Emoji
Use the joker emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e6e7e8" d="M32 32a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4z"/><path fill="#dd2e44" d="M11 7c-2.519 0-4.583 1.87-4.929 4.293A3.98 3.98 0 0 1 9 10a4 4 0 0 1 4 4c0 2 1.497 2.198.707 2.929C16.13 16.583 16 14.519 16 12a5 5 0 0 0-5-5"/><path fill="#55acee" d="M23 14a4 4 0 0 1 4-4c1.161 0 2.198.503 2.929 1.293C29.583 8.87 27.52 7 25 7a5 5 0 0 0-5 5c0 2.519-.131 4.583 2.293 4.929C21.503 16.198 23 16 23 14"/><path fill="#ffac33" d="M14 12c0-4.971 4-9 4-9s4 4.029 4 9s-1.791 9-4 9s-4-4.029-4-9"/><path fill="#553788" d="M11.707 21.071A3.98 3.98 0 0 1 13 24a4 4 0 0 1-4 4a3.98 3.98 0 0 1-2.929-1.293C6.417 29.131 8.481 31 11 31a5 5 0 0 0 5-5c0-2.52-1.87-4.583-4.293-4.929M27 28a4 4 0 0 1-4-4c0-1.161.503-2.198 1.293-2.929C21.869 21.417 20 23.48 20 26a5 5 0 0 0 5 5c2.52 0 4.583-1.869 4.929-4.293A3.98 3.98 0 0 1 27 28"/><path fill="#9266cc" d="M14 24c0 4.971 3 9 4 9s4-4.029 4-9c0-.874-.055-1.719-.159-2.519C21.357 17.737 19.82 15 18 15s-3.357 2.737-3.841 6.481c-.104.8-.159 1.645-.159 2.519"/><path fill="#edbb9f" d="M13 17c0-3.866 3-4 5-4s5 .134 5 4s-2.238 7-5 7s-5-3.135-5-7"/><circle cx="16" cy="17" r="1" fill="#662113"/><circle cx="20" cy="17" r="1" fill="#662113"/><path fill="#662113" d="M18 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2"/><circle cx="6" cy="11" r="1" fill="#a0041e"/><circle cx="30" cy="11" r="1" fill="#269"/><circle cx="18" cy="3" r="1" fill="#dd2e44"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiJoker(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e6e7e8" d="M32 32a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4z"/><path fill="#dd2e44" d="M11 7c-2.519 0-4.583 1.87-4.929 4.293A3.98 3.98 0 0 1 9 10a4 4 0 0 1 4 4c0 2 1.497 2.198.707 2.929C16.13 16.583 16 14.519 16 12a5 5 0 0 0-5-5"/><path fill="#55acee" d="M23 14a4 4 0 0 1 4-4c1.161 0 2.198.503 2.929 1.293C29.583 8.87 27.52 7 25 7a5 5 0 0 0-5 5c0 2.519-.131 4.583 2.293 4.929C21.503 16.198 23 16 23 14"/><path fill="#ffac33" d="M14 12c0-4.971 4-9 4-9s4 4.029 4 9s-1.791 9-4 9s-4-4.029-4-9"/><path fill="#553788" d="M11.707 21.071A3.98 3.98 0 0 1 13 24a4 4 0 0 1-4 4a3.98 3.98 0 0 1-2.929-1.293C6.417 29.131 8.481 31 11 31a5 5 0 0 0 5-5c0-2.52-1.87-4.583-4.293-4.929M27 28a4 4 0 0 1-4-4c0-1.161.503-2.198 1.293-2.929C21.869 21.417 20 23.48 20 26a5 5 0 0 0 5 5c2.52 0 4.583-1.869 4.929-4.293A3.98 3.98 0 0 1 27 28"/><path fill="#9266cc" d="M14 24c0 4.971 3 9 4 9s4-4.029 4-9c0-.874-.055-1.719-.159-2.519C21.357 17.737 19.82 15 18 15s-3.357 2.737-3.841 6.481c-.104.8-.159 1.645-.159 2.519"/><path fill="#edbb9f" d="M13 17c0-3.866 3-4 5-4s5 .134 5 4s-2.238 7-5 7s-5-3.135-5-7"/><circle cx="16" cy="17" r="1" fill="#662113"/><circle cx="20" cy="17" r="1" fill="#662113"/><path fill="#662113" d="M18 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2"/><circle cx="6" cy="11" r="1" fill="#a0041e"/><circle cx="30" cy="11" r="1" fill="#269"/><circle cx="18" cy="3" r="1" fill="#dd2e44"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e6e7e8" d="M32 32a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4z"/><path fill="#dd2e44" d="M11 7c-2.519 0-4.583 1.87-4.929 4.293A3.98 3.98 0 0 1 9 10a4 4 0 0 1 4 4c0 2 1.497 2.198.707 2.929C16.13 16.583 16 14.519 16 12a5 5 0 0 0-5-5"/><path fill="#55acee" d="M23 14a4 4 0 0 1 4-4c1.161 0 2.198.503 2.929 1.293C29.583 8.87 27.52 7 25 7a5 5 0 0 0-5 5c0 2.519-.131 4.583 2.293 4.929C21.503 16.198 23 16 23 14"/><path fill="#ffac33" d="M14 12c0-4.971 4-9 4-9s4 4.029 4 9s-1.791 9-4 9s-4-4.029-4-9"/><path fill="#553788" d="M11.707 21.071A3.98 3.98 0 0 1 13 24a4 4 0 0 1-4 4a3.98 3.98 0 0 1-2.929-1.293C6.417 29.131 8.481 31 11 31a5 5 0 0 0 5-5c0-2.52-1.87-4.583-4.293-4.929M27 28a4 4 0 0 1-4-4c0-1.161.503-2.198 1.293-2.929C21.869 21.417 20 23.48 20 26a5 5 0 0 0 5 5c2.52 0 4.583-1.869 4.929-4.293A3.98 3.98 0 0 1 27 28"/><path fill="#9266cc" d="M14 24c0 4.971 3 9 4 9s4-4.029 4-9c0-.874-.055-1.719-.159-2.519C21.357 17.737 19.82 15 18 15s-3.357 2.737-3.841 6.481c-.104.8-.159 1.645-.159 2.519"/><path fill="#edbb9f" d="M13 17c0-3.866 3-4 5-4s5 .134 5 4s-2.238 7-5 7s-5-3.135-5-7"/><circle cx="16" cy="17" r="1" fill="#662113"/><circle cx="20" cy="17" r="1" fill="#662113"/><path fill="#662113" d="M18 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2"/><circle cx="6" cy="11" r="1" fill="#a0041e"/><circle cx="30" cy="11" r="1" fill="#269"/><circle cx="18" cy="3" r="1" fill="#dd2e44"/></svg> </template>
CSS
.icon-joker {
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%23e6e7e8%22%20d%3D%22M32%2032a4%204%200%200%201-4%204H8a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h20a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M11%207c-2.519%200-4.583%201.87-4.929%204.293A3.98%203.98%200%200%201%209%2010a4%204%200%200%201%204%204c0%202%201.497%202.198.707%202.929C16.13%2016.583%2016%2014.519%2016%2012a5%205%200%200%200-5-5%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M23%2014a4%204%200%200%201%204-4c1.161%200%202.198.503%202.929%201.293C29.583%208.87%2027.52%207%2025%207a5%205%200%200%200-5%205c0%202.519-.131%204.583%202.293%204.929C21.503%2016.198%2023%2016%2023%2014%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M14%2012c0-4.971%204-9%204-9s4%204.029%204%209s-1.791%209-4%209s-4-4.029-4-9%22%2F%3E%3Cpath%20fill%3D%22%23553788%22%20d%3D%22M11.707%2021.071A3.98%203.98%200%200%201%2013%2024a4%204%200%200%201-4%204a3.98%203.98%200%200%201-2.929-1.293C6.417%2029.131%208.481%2031%2011%2031a5%205%200%200%200%205-5c0-2.52-1.87-4.583-4.293-4.929M27%2028a4%204%200%200%201-4-4c0-1.161.503-2.198%201.293-2.929C21.869%2021.417%2020%2023.48%2020%2026a5%205%200%200%200%205%205c2.52%200%204.583-1.869%204.929-4.293A3.98%203.98%200%200%201%2027%2028%22%2F%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M14%2024c0%204.971%203%209%204%209s4-4.029%204-9c0-.874-.055-1.719-.159-2.519C21.357%2017.737%2019.82%2015%2018%2015s-3.357%202.737-3.841%206.481c-.104.8-.159%201.645-.159%202.519%22%2F%3E%3Cpath%20fill%3D%22%23edbb9f%22%20d%3D%22M13%2017c0-3.866%203-4%205-4s5%20.134%205%204s-2.238%207-5%207s-5-3.135-5-7%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2217%22%20r%3D%221%22%20fill%3D%22%23662113%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2217%22%20r%3D%221%22%20fill%3D%22%23662113%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M18%2022a2%202%200%200%200%202-2h-4a2%202%200%200%200%202%202%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23a0041e%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23269%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%223%22%20r%3D%221%22%20fill%3D%22%23dd2e44%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%23e6e7e8%22%20d%3D%22M32%2032a4%204%200%200%201-4%204H8a4%204%200%200%201-4-4V4a4%204%200%200%201%204-4h20a4%204%200%200%201%204%204z%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M11%207c-2.519%200-4.583%201.87-4.929%204.293A3.98%203.98%200%200%201%209%2010a4%204%200%200%201%204%204c0%202%201.497%202.198.707%202.929C16.13%2016.583%2016%2014.519%2016%2012a5%205%200%200%200-5-5%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M23%2014a4%204%200%200%201%204-4c1.161%200%202.198.503%202.929%201.293C29.583%208.87%2027.52%207%2025%207a5%205%200%200%200-5%205c0%202.519-.131%204.583%202.293%204.929C21.503%2016.198%2023%2016%2023%2014%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M14%2012c0-4.971%204-9%204-9s4%204.029%204%209s-1.791%209-4%209s-4-4.029-4-9%22%2F%3E%3Cpath%20fill%3D%22%23553788%22%20d%3D%22M11.707%2021.071A3.98%203.98%200%200%201%2013%2024a4%204%200%200%201-4%204a3.98%203.98%200%200%201-2.929-1.293C6.417%2029.131%208.481%2031%2011%2031a5%205%200%200%200%205-5c0-2.52-1.87-4.583-4.293-4.929M27%2028a4%204%200%200%201-4-4c0-1.161.503-2.198%201.293-2.929C21.869%2021.417%2020%2023.48%2020%2026a5%205%200%200%200%205%205c2.52%200%204.583-1.869%204.929-4.293A3.98%203.98%200%200%201%2027%2028%22%2F%3E%3Cpath%20fill%3D%22%239266cc%22%20d%3D%22M14%2024c0%204.971%203%209%204%209s4-4.029%204-9c0-.874-.055-1.719-.159-2.519C21.357%2017.737%2019.82%2015%2018%2015s-3.357%202.737-3.841%206.481c-.104.8-.159%201.645-.159%202.519%22%2F%3E%3Cpath%20fill%3D%22%23edbb9f%22%20d%3D%22M13%2017c0-3.866%203-4%205-4s5%20.134%205%204s-2.238%207-5%207s-5-3.135-5-7%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2217%22%20r%3D%221%22%20fill%3D%22%23662113%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2217%22%20r%3D%221%22%20fill%3D%22%23662113%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M18%2022a2%202%200%200%200%202-2h-4a2%202%200%200%200%202%202%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23a0041e%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2211%22%20r%3D%221%22%20fill%3D%22%23269%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%223%22%20r%3D%221%22%20fill%3D%22%23dd2e44%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/joker.svg?color=%231a73e8&size=48
