artist palette emoji
artist-palette from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- artist-palette
- 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 artist palette emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M18 3.143c-9.941 0-18 6.908-18 15.428c0 1.066.126 2.107.367 3.112C2.146 24.744 3.377 22.812 9 20c5.727-2.864 0 4-2 8c-.615 1.23-.282 2.271.56 3.124C10.506 32.928 14.104 34 18 34c9.941 0 18-6.907 18-15.429c0-8.52-8.059-15.428-18-15.428m2.849 24.447c-.395 1.346-2.46 1.924-4.613 1.291c-2.153-.632-3.578-2.234-3.183-3.581s2.46-1.924 4.613-1.29c2.153.631 3.578 2.233 3.183 3.58"/><circle cx="10" cy="11" r="3" fill="#5c913b"/><circle cx="20" cy="9" r="3" fill="#269"/><circle cx="29" cy="15" r="3" fill="#dd2e44"/><circle cx="28" cy="24" r="3" fill="#ffcc4d"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiArtistPalette(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M18 3.143c-9.941 0-18 6.908-18 15.428c0 1.066.126 2.107.367 3.112C2.146 24.744 3.377 22.812 9 20c5.727-2.864 0 4-2 8c-.615 1.23-.282 2.271.56 3.124C10.506 32.928 14.104 34 18 34c9.941 0 18-6.907 18-15.429c0-8.52-8.059-15.428-18-15.428m2.849 24.447c-.395 1.346-2.46 1.924-4.613 1.291c-2.153-.632-3.578-2.234-3.183-3.581s2.46-1.924 4.613-1.29c2.153.631 3.578 2.233 3.183 3.58"/><circle cx="10" cy="11" r="3" fill="#5c913b"/><circle cx="20" cy="9" r="3" fill="#269"/><circle cx="29" cy="15" r="3" fill="#dd2e44"/><circle cx="28" cy="24" r="3" fill="#ffcc4d"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M18 3.143c-9.941 0-18 6.908-18 15.428c0 1.066.126 2.107.367 3.112C2.146 24.744 3.377 22.812 9 20c5.727-2.864 0 4-2 8c-.615 1.23-.282 2.271.56 3.124C10.506 32.928 14.104 34 18 34c9.941 0 18-6.907 18-15.429c0-8.52-8.059-15.428-18-15.428m2.849 24.447c-.395 1.346-2.46 1.924-4.613 1.291c-2.153-.632-3.578-2.234-3.183-3.581s2.46-1.924 4.613-1.29c2.153.631 3.578 2.233 3.183 3.58"/><circle cx="10" cy="11" r="3" fill="#5c913b"/><circle cx="20" cy="9" r="3" fill="#269"/><circle cx="29" cy="15" r="3" fill="#dd2e44"/><circle cx="28" cy="24" r="3" fill="#ffcc4d"/></svg> </template>
CSS
.icon-artist-palette {
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%23d99e82%22%20d%3D%22M18%203.143c-9.941%200-18%206.908-18%2015.428c0%201.066.126%202.107.367%203.112C2.146%2024.744%203.377%2022.812%209%2020c5.727-2.864%200%204-2%208c-.615%201.23-.282%202.271.56%203.124C10.506%2032.928%2014.104%2034%2018%2034c9.941%200%2018-6.907%2018-15.429c0-8.52-8.059-15.428-18-15.428m2.849%2024.447c-.395%201.346-2.46%201.924-4.613%201.291c-2.153-.632-3.578-2.234-3.183-3.581s2.46-1.924%204.613-1.29c2.153.631%203.578%202.233%203.183%203.58%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2211%22%20r%3D%223%22%20fill%3D%22%235c913b%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%229%22%20r%3D%223%22%20fill%3D%22%23269%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2215%22%20r%3D%223%22%20fill%3D%22%23dd2e44%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2224%22%20r%3D%223%22%20fill%3D%22%23ffcc4d%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%23d99e82%22%20d%3D%22M18%203.143c-9.941%200-18%206.908-18%2015.428c0%201.066.126%202.107.367%203.112C2.146%2024.744%203.377%2022.812%209%2020c5.727-2.864%200%204-2%208c-.615%201.23-.282%202.271.56%203.124C10.506%2032.928%2014.104%2034%2018%2034c9.941%200%2018-6.907%2018-15.429c0-8.52-8.059-15.428-18-15.428m2.849%2024.447c-.395%201.346-2.46%201.924-4.613%201.291c-2.153-.632-3.578-2.234-3.183-3.581s2.46-1.924%204.613-1.29c2.153.631%203.578%202.233%203.183%203.58%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2211%22%20r%3D%223%22%20fill%3D%22%235c913b%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%229%22%20r%3D%223%22%20fill%3D%22%23269%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2215%22%20r%3D%223%22%20fill%3D%22%23dd2e44%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2224%22%20r%3D%223%22%20fill%3D%22%23ffcc4d%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/artist-palette.svg?color=%231a73e8&size=48
