superhero emoji
superhero-medium-dark-skin-tone from Twitter Emoji by Twitter · Medium-dark skin tone · People & Body · CC-BY-4.0 Attribution required.
- Name
- superhero-medium-dark-skin-tone
- Set
- Twitter Emoji
- Style
- Medium-dark skin tone
- Category
- People & Body
- Viewbox
- 36×36
- License
- CC BY 4.0
5 other variants in Twitter Emoji
The same emoji in other sets
More people & body icons from Twitter Emoji
anatomical-heartartistastronautbabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upballet-dancerbiting-lipboneboybrainbreast-feedingbust-in-silhouettebusts-in-silhouettecall-me-handchildclapping-handsconstruction-workercookcouple-with-heartcouple-with-heart-man-man
Use the superhero emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a0041e" d="M17.992 36h17s-.067-3.204-1.554-5.579c-3.91-6.242-15.446.579-15.446.579z"/><path fill="#a0041e" d="M18 36H1s.067-3.204 1.554-5.579C6.465 24.179 18 31 18 31z"/><path fill="#55acee" d="M27.992 29H8c-3 0-4.952 3.5-4 7h27.992c.953-3.5-1-7-4-7"/><path fill="#af7e57" d="M14.269 30.041c1.466 1.065 2.964.98 3.672.98s2.194.085 3.66-.98v-5.664h-7.332z"/><path fill="#9b6a49" d="M14.264 25.179c1.022 1.155 2.29 1.468 3.668 1.468s2.647-.312 3.67-1.468v-2.936h-7.338z"/><path fill="#60352a" d="M21.69 2.615c-1.904-.616-6.384-.448-7.504 1.008c-2.912.056-6.328 2.688-6.776 6.16c-.443 3.437.545 5.032.896 7.616c.398 2.928 2.044 3.864 3.36 4.256c1.893 2.501 3.906 2.394 7.285 2.394c6.599 0 9.742-4.415 10.02-11.915c.168-4.535-2.494-7.971-7.281-9.519"/><path fill="#af7e57" d="M25.464 12.456c-.639-.884-1.456-1.596-3.248-1.848c.672.308 1.316 1.372 1.4 1.96s.168 1.064-.364.476c-2.131-2.356-4.452-1.428-6.753-2.867c-1.607-1.005-2.096-2.117-2.096-2.117s-.196 1.484-2.632 2.996c-.706.438-1.549 1.415-2.016 2.856c-.336 1.036-.232 1.96-.232 3.539c0 4.609 3.799 8.485 8.485 8.485s8.485-3.909 8.485-8.485c-.001-2.867-.301-3.987-1.029-4.995"/><path fill="#915a34" d="M17.887 23.543c-1.606 0-2.447-.794-2.537-.885a.685.685 0 0 1 .961-.974c.035.032.551.491 1.576.491c1.038 0 1.555-.473 1.576-.492a.69.69 0 0 1 .963.02c.26.269.26.691-.004.955c-.09.091-.93.885-2.535.885"/><path fill="#269" d="M24.523 13c-2.796 0-4.66.857-6.523.857S14.272 13 11.477 13c-2.796 0-.932 4.903 0 5.76s4.66-.857 6.523-.857s5.591 1.714 6.523.857s2.796-5.76 0-5.76"/><path fill="#88c9f9" d="M14.5 17.269a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846a.85.85 0 0 1 .847.846v.845a.85.85 0 0 1-.847.847m7 0a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846s.846.381.846.846v.845a.85.85 0 0 1-.846.847"/><path fill="#915a34" d="M18.777 20.5h-1.69a.424.424 0 0 1-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233 0 .424.19.424.424v.153c0 .233-.19.423-.424.423"/><path fill="#dd2e44" d="M24.056 36c-1.211-1.194-3.466-2-6.056-2s-4.845.806-6.056 2zM18 31.022S13 31 11 32c0 0-1.319-2.978-3.703-3.325c-2.955-.43-4.742 1.746-4.742 1.746s.884-1.785 2.915-2.796c1.968-.979 4.038.075 4.038.075s1.2-.739 2.2-.739c1.066 0 2.095.094 2.667.914c.719 1.031 2.625 3.147 3.625 3.147"/><path fill="#dd2e44" d="M17.992 31.022s5-.022 7 .978c0 0 1.319-2.978 3.703-3.325c2.955-.43 4.742 1.746 4.742 1.746s-.884-1.785-2.915-2.796c-1.968-.979-4.038.074-4.038.074s-1.2-.739-2.2-.739c-1.066 0-2.095.094-2.667.914c-.718 1.032-2.625 3.148-3.625 3.148"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSuperheroMediumDarkSkinTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a0041e" d="M17.992 36h17s-.067-3.204-1.554-5.579c-3.91-6.242-15.446.579-15.446.579z"/><path fill="#a0041e" d="M18 36H1s.067-3.204 1.554-5.579C6.465 24.179 18 31 18 31z"/><path fill="#55acee" d="M27.992 29H8c-3 0-4.952 3.5-4 7h27.992c.953-3.5-1-7-4-7"/><path fill="#af7e57" d="M14.269 30.041c1.466 1.065 2.964.98 3.672.98s2.194.085 3.66-.98v-5.664h-7.332z"/><path fill="#9b6a49" d="M14.264 25.179c1.022 1.155 2.29 1.468 3.668 1.468s2.647-.312 3.67-1.468v-2.936h-7.338z"/><path fill="#60352a" d="M21.69 2.615c-1.904-.616-6.384-.448-7.504 1.008c-2.912.056-6.328 2.688-6.776 6.16c-.443 3.437.545 5.032.896 7.616c.398 2.928 2.044 3.864 3.36 4.256c1.893 2.501 3.906 2.394 7.285 2.394c6.599 0 9.742-4.415 10.02-11.915c.168-4.535-2.494-7.971-7.281-9.519"/><path fill="#af7e57" d="M25.464 12.456c-.639-.884-1.456-1.596-3.248-1.848c.672.308 1.316 1.372 1.4 1.96s.168 1.064-.364.476c-2.131-2.356-4.452-1.428-6.753-2.867c-1.607-1.005-2.096-2.117-2.096-2.117s-.196 1.484-2.632 2.996c-.706.438-1.549 1.415-2.016 2.856c-.336 1.036-.232 1.96-.232 3.539c0 4.609 3.799 8.485 8.485 8.485s8.485-3.909 8.485-8.485c-.001-2.867-.301-3.987-1.029-4.995"/><path fill="#915a34" d="M17.887 23.543c-1.606 0-2.447-.794-2.537-.885a.685.685 0 0 1 .961-.974c.035.032.551.491 1.576.491c1.038 0 1.555-.473 1.576-.492a.69.69 0 0 1 .963.02c.26.269.26.691-.004.955c-.09.091-.93.885-2.535.885"/><path fill="#269" d="M24.523 13c-2.796 0-4.66.857-6.523.857S14.272 13 11.477 13c-2.796 0-.932 4.903 0 5.76s4.66-.857 6.523-.857s5.591 1.714 6.523.857s2.796-5.76 0-5.76"/><path fill="#88c9f9" d="M14.5 17.269a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846a.85.85 0 0 1 .847.846v.845a.85.85 0 0 1-.847.847m7 0a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846s.846.381.846.846v.845a.85.85 0 0 1-.846.847"/><path fill="#915a34" d="M18.777 20.5h-1.69a.424.424 0 0 1-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233 0 .424.19.424.424v.153c0 .233-.19.423-.424.423"/><path fill="#dd2e44" d="M24.056 36c-1.211-1.194-3.466-2-6.056-2s-4.845.806-6.056 2zM18 31.022S13 31 11 32c0 0-1.319-2.978-3.703-3.325c-2.955-.43-4.742 1.746-4.742 1.746s.884-1.785 2.915-2.796c1.968-.979 4.038.075 4.038.075s1.2-.739 2.2-.739c1.066 0 2.095.094 2.667.914c.719 1.031 2.625 3.147 3.625 3.147"/><path fill="#dd2e44" d="M17.992 31.022s5-.022 7 .978c0 0 1.319-2.978 3.703-3.325c2.955-.43 4.742 1.746 4.742 1.746s-.884-1.785-2.915-2.796c-1.968-.979-4.038.074-4.038.074s-1.2-.739-2.2-.739c-1.066 0-2.095.094-2.667.914c-.718 1.032-2.625 3.148-3.625 3.148"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a0041e" d="M17.992 36h17s-.067-3.204-1.554-5.579c-3.91-6.242-15.446.579-15.446.579z"/><path fill="#a0041e" d="M18 36H1s.067-3.204 1.554-5.579C6.465 24.179 18 31 18 31z"/><path fill="#55acee" d="M27.992 29H8c-3 0-4.952 3.5-4 7h27.992c.953-3.5-1-7-4-7"/><path fill="#af7e57" d="M14.269 30.041c1.466 1.065 2.964.98 3.672.98s2.194.085 3.66-.98v-5.664h-7.332z"/><path fill="#9b6a49" d="M14.264 25.179c1.022 1.155 2.29 1.468 3.668 1.468s2.647-.312 3.67-1.468v-2.936h-7.338z"/><path fill="#60352a" d="M21.69 2.615c-1.904-.616-6.384-.448-7.504 1.008c-2.912.056-6.328 2.688-6.776 6.16c-.443 3.437.545 5.032.896 7.616c.398 2.928 2.044 3.864 3.36 4.256c1.893 2.501 3.906 2.394 7.285 2.394c6.599 0 9.742-4.415 10.02-11.915c.168-4.535-2.494-7.971-7.281-9.519"/><path fill="#af7e57" d="M25.464 12.456c-.639-.884-1.456-1.596-3.248-1.848c.672.308 1.316 1.372 1.4 1.96s.168 1.064-.364.476c-2.131-2.356-4.452-1.428-6.753-2.867c-1.607-1.005-2.096-2.117-2.096-2.117s-.196 1.484-2.632 2.996c-.706.438-1.549 1.415-2.016 2.856c-.336 1.036-.232 1.96-.232 3.539c0 4.609 3.799 8.485 8.485 8.485s8.485-3.909 8.485-8.485c-.001-2.867-.301-3.987-1.029-4.995"/><path fill="#915a34" d="M17.887 23.543c-1.606 0-2.447-.794-2.537-.885a.685.685 0 0 1 .961-.974c.035.032.551.491 1.576.491c1.038 0 1.555-.473 1.576-.492a.69.69 0 0 1 .963.02c.26.269.26.691-.004.955c-.09.091-.93.885-2.535.885"/><path fill="#269" d="M24.523 13c-2.796 0-4.66.857-6.523.857S14.272 13 11.477 13c-2.796 0-.932 4.903 0 5.76s4.66-.857 6.523-.857s5.591 1.714 6.523.857s2.796-5.76 0-5.76"/><path fill="#88c9f9" d="M14.5 17.269a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846a.85.85 0 0 1 .847.846v.845a.85.85 0 0 1-.847.847m7 0a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846s.846.381.846.846v.845a.85.85 0 0 1-.846.847"/><path fill="#915a34" d="M18.777 20.5h-1.69a.424.424 0 0 1-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233 0 .424.19.424.424v.153c0 .233-.19.423-.424.423"/><path fill="#dd2e44" d="M24.056 36c-1.211-1.194-3.466-2-6.056-2s-4.845.806-6.056 2zM18 31.022S13 31 11 32c0 0-1.319-2.978-3.703-3.325c-2.955-.43-4.742 1.746-4.742 1.746s.884-1.785 2.915-2.796c1.968-.979 4.038.075 4.038.075s1.2-.739 2.2-.739c1.066 0 2.095.094 2.667.914c.719 1.031 2.625 3.147 3.625 3.147"/><path fill="#dd2e44" d="M17.992 31.022s5-.022 7 .978c0 0 1.319-2.978 3.703-3.325c2.955-.43 4.742 1.746 4.742 1.746s-.884-1.785-2.915-2.796c-1.968-.979-4.038.074-4.038.074s-1.2-.739-2.2-.739c-1.066 0-2.095.094-2.667.914c-.718 1.032-2.625 3.148-3.625 3.148"/></svg> </template>
CSS
.icon-superhero-medium-dark-skin-tone {
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%23a0041e%22%20d%3D%22M17.992%2036h17s-.067-3.204-1.554-5.579c-3.91-6.242-15.446.579-15.446.579z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M18%2036H1s.067-3.204%201.554-5.579C6.465%2024.179%2018%2031%2018%2031z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M27.992%2029H8c-3%200-4.952%203.5-4%207h27.992c.953-3.5-1-7-4-7%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M14.269%2030.041c1.466%201.065%202.964.98%203.672.98s2.194.085%203.66-.98v-5.664h-7.332z%22%2F%3E%3Cpath%20fill%3D%22%239b6a49%22%20d%3D%22M14.264%2025.179c1.022%201.155%202.29%201.468%203.668%201.468s2.647-.312%203.67-1.468v-2.936h-7.338z%22%2F%3E%3Cpath%20fill%3D%22%2360352a%22%20d%3D%22M21.69%202.615c-1.904-.616-6.384-.448-7.504%201.008c-2.912.056-6.328%202.688-6.776%206.16c-.443%203.437.545%205.032.896%207.616c.398%202.928%202.044%203.864%203.36%204.256c1.893%202.501%203.906%202.394%207.285%202.394c6.599%200%209.742-4.415%2010.02-11.915c.168-4.535-2.494-7.971-7.281-9.519%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M25.464%2012.456c-.639-.884-1.456-1.596-3.248-1.848c.672.308%201.316%201.372%201.4%201.96s.168%201.064-.364.476c-2.131-2.356-4.452-1.428-6.753-2.867c-1.607-1.005-2.096-2.117-2.096-2.117s-.196%201.484-2.632%202.996c-.706.438-1.549%201.415-2.016%202.856c-.336%201.036-.232%201.96-.232%203.539c0%204.609%203.799%208.485%208.485%208.485s8.485-3.909%208.485-8.485c-.001-2.867-.301-3.987-1.029-4.995%22%2F%3E%3Cpath%20fill%3D%22%23915a34%22%20d%3D%22M17.887%2023.543c-1.606%200-2.447-.794-2.537-.885a.685.685%200%200%201%20.961-.974c.035.032.551.491%201.576.491c1.038%200%201.555-.473%201.576-.492a.69.69%200%200%201%20.963.02c.26.269.26.691-.004.955c-.09.091-.93.885-2.535.885%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M24.523%2013c-2.796%200-4.66.857-6.523.857S14.272%2013%2011.477%2013c-2.796%200-.932%204.903%200%205.76s4.66-.857%206.523-.857s5.591%201.714%206.523.857s2.796-5.76%200-5.76%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M14.5%2017.269a.85.85%200%200%201-.846-.847v-.845c0-.465.381-.846.846-.846a.85.85%200%200%201%20.847.846v.845a.85.85%200%200%201-.847.847m7%200a.85.85%200%200%201-.846-.847v-.845c0-.465.381-.846.846-.846s.846.381.846.846v.845a.85.85%200%200%201-.846.847%22%2F%3E%3Cpath%20fill%3D%22%23915a34%22%20d%3D%22M18.777%2020.5h-1.69a.424.424%200%200%201-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233%200%20.424.19.424.424v.153c0%20.233-.19.423-.424.423%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M24.056%2036c-1.211-1.194-3.466-2-6.056-2s-4.845.806-6.056%202zM18%2031.022S13%2031%2011%2032c0%200-1.319-2.978-3.703-3.325c-2.955-.43-4.742%201.746-4.742%201.746s.884-1.785%202.915-2.796c1.968-.979%204.038.075%204.038.075s1.2-.739%202.2-.739c1.066%200%202.095.094%202.667.914c.719%201.031%202.625%203.147%203.625%203.147%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M17.992%2031.022s5-.022%207%20.978c0%200%201.319-2.978%203.703-3.325c2.955-.43%204.742%201.746%204.742%201.746s-.884-1.785-2.915-2.796c-1.968-.979-4.038.074-4.038.074s-1.2-.739-2.2-.739c-1.066%200-2.095.094-2.667.914c-.718%201.032-2.625%203.148-3.625%203.148%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%23a0041e%22%20d%3D%22M17.992%2036h17s-.067-3.204-1.554-5.579c-3.91-6.242-15.446.579-15.446.579z%22%2F%3E%3Cpath%20fill%3D%22%23a0041e%22%20d%3D%22M18%2036H1s.067-3.204%201.554-5.579C6.465%2024.179%2018%2031%2018%2031z%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M27.992%2029H8c-3%200-4.952%203.5-4%207h27.992c.953-3.5-1-7-4-7%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M14.269%2030.041c1.466%201.065%202.964.98%203.672.98s2.194.085%203.66-.98v-5.664h-7.332z%22%2F%3E%3Cpath%20fill%3D%22%239b6a49%22%20d%3D%22M14.264%2025.179c1.022%201.155%202.29%201.468%203.668%201.468s2.647-.312%203.67-1.468v-2.936h-7.338z%22%2F%3E%3Cpath%20fill%3D%22%2360352a%22%20d%3D%22M21.69%202.615c-1.904-.616-6.384-.448-7.504%201.008c-2.912.056-6.328%202.688-6.776%206.16c-.443%203.437.545%205.032.896%207.616c.398%202.928%202.044%203.864%203.36%204.256c1.893%202.501%203.906%202.394%207.285%202.394c6.599%200%209.742-4.415%2010.02-11.915c.168-4.535-2.494-7.971-7.281-9.519%22%2F%3E%3Cpath%20fill%3D%22%23af7e57%22%20d%3D%22M25.464%2012.456c-.639-.884-1.456-1.596-3.248-1.848c.672.308%201.316%201.372%201.4%201.96s.168%201.064-.364.476c-2.131-2.356-4.452-1.428-6.753-2.867c-1.607-1.005-2.096-2.117-2.096-2.117s-.196%201.484-2.632%202.996c-.706.438-1.549%201.415-2.016%202.856c-.336%201.036-.232%201.96-.232%203.539c0%204.609%203.799%208.485%208.485%208.485s8.485-3.909%208.485-8.485c-.001-2.867-.301-3.987-1.029-4.995%22%2F%3E%3Cpath%20fill%3D%22%23915a34%22%20d%3D%22M17.887%2023.543c-1.606%200-2.447-.794-2.537-.885a.685.685%200%200%201%20.961-.974c.035.032.551.491%201.576.491c1.038%200%201.555-.473%201.576-.492a.69.69%200%200%201%20.963.02c.26.269.26.691-.004.955c-.09.091-.93.885-2.535.885%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M24.523%2013c-2.796%200-4.66.857-6.523.857S14.272%2013%2011.477%2013c-2.796%200-.932%204.903%200%205.76s4.66-.857%206.523-.857s5.591%201.714%206.523.857s2.796-5.76%200-5.76%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M14.5%2017.269a.85.85%200%200%201-.846-.847v-.845c0-.465.381-.846.846-.846a.85.85%200%200%201%20.847.846v.845a.85.85%200%200%201-.847.847m7%200a.85.85%200%200%201-.846-.847v-.845c0-.465.381-.846.846-.846s.846.381.846.846v.845a.85.85%200%200%201-.846.847%22%2F%3E%3Cpath%20fill%3D%22%23915a34%22%20d%3D%22M18.777%2020.5h-1.69a.424.424%200%200%201-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233%200%20.424.19.424.424v.153c0%20.233-.19.423-.424.423%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M24.056%2036c-1.211-1.194-3.466-2-6.056-2s-4.845.806-6.056%202zM18%2031.022S13%2031%2011%2032c0%200-1.319-2.978-3.703-3.325c-2.955-.43-4.742%201.746-4.742%201.746s.884-1.785%202.915-2.796c1.968-.979%204.038.075%204.038.075s1.2-.739%202.2-.739c1.066%200%202.095.094%202.667.914c.719%201.031%202.625%203.147%203.625%203.147%22%2F%3E%3Cpath%20fill%3D%22%23dd2e44%22%20d%3D%22M17.992%2031.022s5-.022%207%20.978c0%200%201.319-2.978%203.703-3.325c2.955-.43%204.742%201.746%204.742%201.746s-.884-1.785-2.915-2.796c-1.968-.979-4.038.074-4.038.074s-1.2-.739-2.2-.739c-1.066%200-2.095.094-2.667.914c-.718%201.032-2.625%203.148-3.625%203.148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/superhero-medium-dark-skin-tone.svg?color=%231a73e8&size=48
