mage emoji

mage from Twitter Emoji by Twitter · Default · People & Body · CC-BY-4.0 Attribution required.

Name
mage
Set
Twitter Emoji
Style
Default
Category
People & Body
Viewbox
36×36
License
CC BY 4.0

5 other variants in Twitter Emoji

mage-dark-skin-tonemage-light-skin-tonemage-medium-dark-skin-tonemage-medium-light-skin-tonemage-medium-skin-tone

The same emoji in other sets

mageNoto EmojimageOpenMoji

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 mage emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="19.024" fill="#c63900" rx="15" ry="3.529"/><path fill="#fa743e" d="M26.276 28.276h-16c-2.486 0-4.774 1.443-5.762 3.449c-.368-.415-.907-.619-1.514-.619c-1.1 0-2 .935-2 1.998V36h31v-1.931c0-3.199-2.411-5.793-5.724-5.793"/><path fill="#ffdc5d" d="M14 25v3.234c0 .004.011.007.015.011c.132.237 3.737 6.739 3.989 6.739c.253 0 3.854-6.502 3.985-6.739c.004-.004.01-.007.01-.011V25z"/><path fill="#f9ca55" d="M14 27.598c1.115 1.259 2.497 1.6 4 1.6c1.502 0 2.884-.342 4-1.6v-3.2h-8z"/><path fill="#d1d3d4" d="M17.982 13.557c-2.61 0-5.654 3.198-9.115 3.885c.143 1.499.597 2.619.802 4.127c.337 2.477 1.73 3.27 2.843 3.601c1.602 2.116 3.305 2.026 6.164 2.026c5.483 0 8.14-3.609 8.457-9.747c-3.476-.692-6.532-3.892-9.151-3.892"/><path fill="#ffdc5d" d="M24.315 17.386c-.54-.748-1.232-1.35-2.748-1.564c.569.261 1.114 1.161 1.185 1.658c.071.498.142.9-.308.403c-1.803-1.993-3.767-1.208-5.714-2.426c-1.359-.851-1.773-1.791-1.773-1.791s-.166 1.256-2.227 2.535c-.598.371-1.31 1.197-1.706 2.417c-.284.877-.196 1.659-.196 2.995c0 3.9 3.214 7.179 7.179 7.179s7.179-3.308 7.179-7.179c-.001-2.426-.255-3.374-.871-4.227"/><path fill="#c1694f" d="M18.798 23.607h-1.595a.399.399 0 1 1 0-.798h1.595a.399.399 0 1 1 0 .798"/><path fill="#662113" d="M14.809 20.815a.8.8 0 0 1-.798-.798v-.797a.798.798 0 0 1 1.596 0v.798c0 .44-.357.797-.798.797m6.382 0a.8.8 0 0 1-.798-.798v-.797a.798.798 0 0 1 1.596 0v.798a.8.8 0 0 1-.798.797"/><path fill="#c1694f" d="M17.997 26.465c-2.359 0-3.084-.604-3.204-.726a.56.56 0 0 1 0-.794a.563.563 0 0 1 .773-.02c.044.032.617.417 2.431.417c1.886 0 2.429-.416 2.435-.42a.55.55 0 0 1 .783.013a.574.574 0 0 1-.012.804c-.123.122-.847.726-3.206.726"/><path fill="#fa743e" d="M25.765 15.157C24.537 12.47 18.793 0 18 0s-6.537 12.47-7.765 15.157C5.415 16.001 3 17.595 3 19c6-2 11-2.443 15-2.443S27 17 33 19c0-1.405-2.415-2.999-7.235-3.843"/><path fill="#d99e82" d="M5 36H3V11.862L2 8h4l-1 3.862z"/><circle cx="4" cy="6" r="3" fill="#55acee"/><circle cx="3.5" cy="5.5" r="1.5" fill="#b0f0ff"/><path fill="#ffdc5d" d="M7 30.5C7 32.433 5.657 34 4 34s-3-1.567-3-3.5S2.343 28 4 28s3 .567 3 2.5"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiMage(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="19.024" fill="#c63900" rx="15" ry="3.529"/><path fill="#fa743e" d="M26.276 28.276h-16c-2.486 0-4.774 1.443-5.762 3.449c-.368-.415-.907-.619-1.514-.619c-1.1 0-2 .935-2 1.998V36h31v-1.931c0-3.199-2.411-5.793-5.724-5.793"/><path fill="#ffdc5d" d="M14 25v3.234c0 .004.011.007.015.011c.132.237 3.737 6.739 3.989 6.739c.253 0 3.854-6.502 3.985-6.739c.004-.004.01-.007.01-.011V25z"/><path fill="#f9ca55" d="M14 27.598c1.115 1.259 2.497 1.6 4 1.6c1.502 0 2.884-.342 4-1.6v-3.2h-8z"/><path fill="#d1d3d4" d="M17.982 13.557c-2.61 0-5.654 3.198-9.115 3.885c.143 1.499.597 2.619.802 4.127c.337 2.477 1.73 3.27 2.843 3.601c1.602 2.116 3.305 2.026 6.164 2.026c5.483 0 8.14-3.609 8.457-9.747c-3.476-.692-6.532-3.892-9.151-3.892"/><path fill="#ffdc5d" d="M24.315 17.386c-.54-.748-1.232-1.35-2.748-1.564c.569.261 1.114 1.161 1.185 1.658c.071.498.142.9-.308.403c-1.803-1.993-3.767-1.208-5.714-2.426c-1.359-.851-1.773-1.791-1.773-1.791s-.166 1.256-2.227 2.535c-.598.371-1.31 1.197-1.706 2.417c-.284.877-.196 1.659-.196 2.995c0 3.9 3.214 7.179 7.179 7.179s7.179-3.308 7.179-7.179c-.001-2.426-.255-3.374-.871-4.227"/><path fill="#c1694f" d="M18.798 23.607h-1.595a.399.399 0 1 1 0-.798h1.595a.399.399 0 1 1 0 .798"/><path fill="#662113" d="M14.809 20.815a.8.8 0 0 1-.798-.798v-.797a.798.798 0 0 1 1.596 0v.798c0 .44-.357.797-.798.797m6.382 0a.8.8 0 0 1-.798-.798v-.797a.798.798 0 0 1 1.596 0v.798a.8.8 0 0 1-.798.797"/><path fill="#c1694f" d="M17.997 26.465c-2.359 0-3.084-.604-3.204-.726a.56.56 0 0 1 0-.794a.563.563 0 0 1 .773-.02c.044.032.617.417 2.431.417c1.886 0 2.429-.416 2.435-.42a.55.55 0 0 1 .783.013a.574.574 0 0 1-.012.804c-.123.122-.847.726-3.206.726"/><path fill="#fa743e" d="M25.765 15.157C24.537 12.47 18.793 0 18 0s-6.537 12.47-7.765 15.157C5.415 16.001 3 17.595 3 19c6-2 11-2.443 15-2.443S27 17 33 19c0-1.405-2.415-2.999-7.235-3.843"/><path fill="#d99e82" d="M5 36H3V11.862L2 8h4l-1 3.862z"/><circle cx="4" cy="6" r="3" fill="#55acee"/><circle cx="3.5" cy="5.5" r="1.5" fill="#b0f0ff"/><path fill="#ffdc5d" d="M7 30.5C7 32.433 5.657 34 4 34s-3-1.567-3-3.5S2.343 28 4 28s3 .567 3 2.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="19.024" fill="#c63900" rx="15" ry="3.529"/><path fill="#fa743e" d="M26.276 28.276h-16c-2.486 0-4.774 1.443-5.762 3.449c-.368-.415-.907-.619-1.514-.619c-1.1 0-2 .935-2 1.998V36h31v-1.931c0-3.199-2.411-5.793-5.724-5.793"/><path fill="#ffdc5d" d="M14 25v3.234c0 .004.011.007.015.011c.132.237 3.737 6.739 3.989 6.739c.253 0 3.854-6.502 3.985-6.739c.004-.004.01-.007.01-.011V25z"/><path fill="#f9ca55" d="M14 27.598c1.115 1.259 2.497 1.6 4 1.6c1.502 0 2.884-.342 4-1.6v-3.2h-8z"/><path fill="#d1d3d4" d="M17.982 13.557c-2.61 0-5.654 3.198-9.115 3.885c.143 1.499.597 2.619.802 4.127c.337 2.477 1.73 3.27 2.843 3.601c1.602 2.116 3.305 2.026 6.164 2.026c5.483 0 8.14-3.609 8.457-9.747c-3.476-.692-6.532-3.892-9.151-3.892"/><path fill="#ffdc5d" d="M24.315 17.386c-.54-.748-1.232-1.35-2.748-1.564c.569.261 1.114 1.161 1.185 1.658c.071.498.142.9-.308.403c-1.803-1.993-3.767-1.208-5.714-2.426c-1.359-.851-1.773-1.791-1.773-1.791s-.166 1.256-2.227 2.535c-.598.371-1.31 1.197-1.706 2.417c-.284.877-.196 1.659-.196 2.995c0 3.9 3.214 7.179 7.179 7.179s7.179-3.308 7.179-7.179c-.001-2.426-.255-3.374-.871-4.227"/><path fill="#c1694f" d="M18.798 23.607h-1.595a.399.399 0 1 1 0-.798h1.595a.399.399 0 1 1 0 .798"/><path fill="#662113" d="M14.809 20.815a.8.8 0 0 1-.798-.798v-.797a.798.798 0 0 1 1.596 0v.798c0 .44-.357.797-.798.797m6.382 0a.8.8 0 0 1-.798-.798v-.797a.798.798 0 0 1 1.596 0v.798a.8.8 0 0 1-.798.797"/><path fill="#c1694f" d="M17.997 26.465c-2.359 0-3.084-.604-3.204-.726a.56.56 0 0 1 0-.794a.563.563 0 0 1 .773-.02c.044.032.617.417 2.431.417c1.886 0 2.429-.416 2.435-.42a.55.55 0 0 1 .783.013a.574.574 0 0 1-.012.804c-.123.122-.847.726-3.206.726"/><path fill="#fa743e" d="M25.765 15.157C24.537 12.47 18.793 0 18 0s-6.537 12.47-7.765 15.157C5.415 16.001 3 17.595 3 19c6-2 11-2.443 15-2.443S27 17 33 19c0-1.405-2.415-2.999-7.235-3.843"/><path fill="#d99e82" d="M5 36H3V11.862L2 8h4l-1 3.862z"/><circle cx="4" cy="6" r="3" fill="#55acee"/><circle cx="3.5" cy="5.5" r="1.5" fill="#b0f0ff"/><path fill="#ffdc5d" d="M7 30.5C7 32.433 5.657 34 4 34s-3-1.567-3-3.5S2.343 28 4 28s3 .567 3 2.5"/></svg>
</template>

CSS

.icon-mage {
  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%2219.024%22%20fill%3D%22%23c63900%22%20rx%3D%2215%22%20ry%3D%223.529%22%2F%3E%3Cpath%20fill%3D%22%23fa743e%22%20d%3D%22M26.276%2028.276h-16c-2.486%200-4.774%201.443-5.762%203.449c-.368-.415-.907-.619-1.514-.619c-1.1%200-2%20.935-2%201.998V36h31v-1.931c0-3.199-2.411-5.793-5.724-5.793%22%2F%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M14%2025v3.234c0%20.004.011.007.015.011c.132.237%203.737%206.739%203.989%206.739c.253%200%203.854-6.502%203.985-6.739c.004-.004.01-.007.01-.011V25z%22%2F%3E%3Cpath%20fill%3D%22%23f9ca55%22%20d%3D%22M14%2027.598c1.115%201.259%202.497%201.6%204%201.6c1.502%200%202.884-.342%204-1.6v-3.2h-8z%22%2F%3E%3Cpath%20fill%3D%22%23d1d3d4%22%20d%3D%22M17.982%2013.557c-2.61%200-5.654%203.198-9.115%203.885c.143%201.499.597%202.619.802%204.127c.337%202.477%201.73%203.27%202.843%203.601c1.602%202.116%203.305%202.026%206.164%202.026c5.483%200%208.14-3.609%208.457-9.747c-3.476-.692-6.532-3.892-9.151-3.892%22%2F%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M24.315%2017.386c-.54-.748-1.232-1.35-2.748-1.564c.569.261%201.114%201.161%201.185%201.658c.071.498.142.9-.308.403c-1.803-1.993-3.767-1.208-5.714-2.426c-1.359-.851-1.773-1.791-1.773-1.791s-.166%201.256-2.227%202.535c-.598.371-1.31%201.197-1.706%202.417c-.284.877-.196%201.659-.196%202.995c0%203.9%203.214%207.179%207.179%207.179s7.179-3.308%207.179-7.179c-.001-2.426-.255-3.374-.871-4.227%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18.798%2023.607h-1.595a.399.399%200%201%201%200-.798h1.595a.399.399%200%201%201%200%20.798%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M14.809%2020.815a.8.8%200%200%201-.798-.798v-.797a.798.798%200%200%201%201.596%200v.798c0%20.44-.357.797-.798.797m6.382%200a.8.8%200%200%201-.798-.798v-.797a.798.798%200%200%201%201.596%200v.798a.8.8%200%200%201-.798.797%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M17.997%2026.465c-2.359%200-3.084-.604-3.204-.726a.56.56%200%200%201%200-.794a.563.563%200%200%201%20.773-.02c.044.032.617.417%202.431.417c1.886%200%202.429-.416%202.435-.42a.55.55%200%200%201%20.783.013a.574.574%200%200%201-.012.804c-.123.122-.847.726-3.206.726%22%2F%3E%3Cpath%20fill%3D%22%23fa743e%22%20d%3D%22M25.765%2015.157C24.537%2012.47%2018.793%200%2018%200s-6.537%2012.47-7.765%2015.157C5.415%2016.001%203%2017.595%203%2019c6-2%2011-2.443%2015-2.443S27%2017%2033%2019c0-1.405-2.415-2.999-7.235-3.843%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M5%2036H3V11.862L2%208h4l-1%203.862z%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22%2355acee%22%2F%3E%3Ccircle%20cx%3D%223.5%22%20cy%3D%225.5%22%20r%3D%221.5%22%20fill%3D%22%23b0f0ff%22%2F%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M7%2030.5C7%2032.433%205.657%2034%204%2034s-3-1.567-3-3.5S2.343%2028%204%2028s3%20.567%203%202.5%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%2219.024%22%20fill%3D%22%23c63900%22%20rx%3D%2215%22%20ry%3D%223.529%22%2F%3E%3Cpath%20fill%3D%22%23fa743e%22%20d%3D%22M26.276%2028.276h-16c-2.486%200-4.774%201.443-5.762%203.449c-.368-.415-.907-.619-1.514-.619c-1.1%200-2%20.935-2%201.998V36h31v-1.931c0-3.199-2.411-5.793-5.724-5.793%22%2F%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M14%2025v3.234c0%20.004.011.007.015.011c.132.237%203.737%206.739%203.989%206.739c.253%200%203.854-6.502%203.985-6.739c.004-.004.01-.007.01-.011V25z%22%2F%3E%3Cpath%20fill%3D%22%23f9ca55%22%20d%3D%22M14%2027.598c1.115%201.259%202.497%201.6%204%201.6c1.502%200%202.884-.342%204-1.6v-3.2h-8z%22%2F%3E%3Cpath%20fill%3D%22%23d1d3d4%22%20d%3D%22M17.982%2013.557c-2.61%200-5.654%203.198-9.115%203.885c.143%201.499.597%202.619.802%204.127c.337%202.477%201.73%203.27%202.843%203.601c1.602%202.116%203.305%202.026%206.164%202.026c5.483%200%208.14-3.609%208.457-9.747c-3.476-.692-6.532-3.892-9.151-3.892%22%2F%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M24.315%2017.386c-.54-.748-1.232-1.35-2.748-1.564c.569.261%201.114%201.161%201.185%201.658c.071.498.142.9-.308.403c-1.803-1.993-3.767-1.208-5.714-2.426c-1.359-.851-1.773-1.791-1.773-1.791s-.166%201.256-2.227%202.535c-.598.371-1.31%201.197-1.706%202.417c-.284.877-.196%201.659-.196%202.995c0%203.9%203.214%207.179%207.179%207.179s7.179-3.308%207.179-7.179c-.001-2.426-.255-3.374-.871-4.227%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M18.798%2023.607h-1.595a.399.399%200%201%201%200-.798h1.595a.399.399%200%201%201%200%20.798%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M14.809%2020.815a.8.8%200%200%201-.798-.798v-.797a.798.798%200%200%201%201.596%200v.798c0%20.44-.357.797-.798.797m6.382%200a.8.8%200%200%201-.798-.798v-.797a.798.798%200%200%201%201.596%200v.798a.8.8%200%200%201-.798.797%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M17.997%2026.465c-2.359%200-3.084-.604-3.204-.726a.56.56%200%200%201%200-.794a.563.563%200%200%201%20.773-.02c.044.032.617.417%202.431.417c1.886%200%202.429-.416%202.435-.42a.55.55%200%200%201%20.783.013a.574.574%200%200%201-.012.804c-.123.122-.847.726-3.206.726%22%2F%3E%3Cpath%20fill%3D%22%23fa743e%22%20d%3D%22M25.765%2015.157C24.537%2012.47%2018.793%200%2018%200s-6.537%2012.47-7.765%2015.157C5.415%2016.001%203%2017.595%203%2019c6-2%2011-2.443%2015-2.443S27%2017%2033%2019c0-1.405-2.415-2.999-7.235-3.843%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M5%2036H3V11.862L2%208h4l-1%203.862z%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22%2355acee%22%2F%3E%3Ccircle%20cx%3D%223.5%22%20cy%3D%225.5%22%20r%3D%221.5%22%20fill%3D%22%23b0f0ff%22%2F%3E%3Cpath%20fill%3D%22%23ffdc5d%22%20d%3D%22M7%2030.5C7%2032.433%205.657%2034%204%2034s-3-1.567-3-3.5S2.343%2028%204%2028s3%20.567%203%202.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/mage.svg?color=%231a73e8&size=48