mechanic emoji

mechanic-medium-light-skin-tone from Twitter Emoji by Twitter · Medium-light skin tone · People & Body · CC-BY-4.0 Attribution required.

Name
mechanic-medium-light-skin-tone
Set
Twitter Emoji
Style
Medium-light skin tone
Category
People & Body
Viewbox
36×36
License
CC BY 4.0

5 other variants in Twitter Emoji

mechanicmechanic-dark-skin-tonemechanic-light-skin-tonemechanic-medium-dark-skin-tonemechanic-medium-skin-tone

The same emoji in other sets

mechanicFluent EmojimechanicFluent Emoji FlatmechanicFluent Emoji High ContrastmechanicNoto EmojimechanicOpenMoji

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 36v-2a6 6 0 0 0-6-6H14a6 6 0 0 0-6 6v2z"/><path fill="#f3d2a2" d="M17.64 28.038c0 2.846 8.72 2.962 8.72 0v-3.749h-8.72z"/><path fill="#e2c196" d="M17.632 25.973c1.216 1.374 2.724 1.746 4.364 1.746s3.147-.373 4.363-1.746v-3.491h-8.728v3.491z"/><path fill="#ffe51e" d="M25.152 3.3c-1.925-.623-5.876-.46-7.008 1.012c-2.944.057-6.083 2.932-6.536 6.443c-.448 3.475.235 4.874.591 7.486c.403 2.96 2.067 3.907 3.397 4.303c1.914 2.529 3.949 2.421 7.366 2.421c6.672 0 9.271-4.458 9.552-12.04c.169-4.585-2.522-8.059-7.362-9.625"/><path fill="#f3d2a2" d="M29.547 13.273c-.646-.894-1.472-1.614-3.284-1.868c.68.311 1.331 1.387 1.416 1.982s.17 1.076-.368.481c-2.155-2.382-4.502-1.444-6.827-2.899c-1.624-1.016-2.119-2.141-2.119-2.141s-.198 1.5-2.661 3.029c-.714.443-1.566 1.43-2.038 2.888c-.34 1.048-.234 1.982-.234 3.578c0 4.66 3.841 8.578 8.578 8.578s8.578-3.953 8.578-8.578c-.002-2.898-.305-4.031-1.041-5.05"/><path fill="#c1694f" d="M22.134 24.686c-2.754 0-3.6-.705-3.741-.848a.655.655 0 0 1 .902-.95c.052.037.721.487 2.839.487c2.2 0 2.836-.485 2.842-.49a.64.64 0 0 1 .913.015a.67.67 0 0 1-.014.938c-.142.143-.987.848-3.741.848m.827-3.979h-1.906a.477.477 0 1 1 0-.954h1.906a.477.477 0 1 1 0 .954"/><path fill="#662113" d="M18.195 17.37a.953.953 0 0 1-.953-.953v-.953a.953.953 0 0 1 1.906 0v.953a.95.95 0 0 1-.953.953m7.626 0a.953.953 0 0 1-.953-.953v-.953a.953.953 0 0 1 1.906 0v.953a.953.953 0 0 1-.953.953"/><path fill="#269" d="M13 28h3v8h-3zm15 0h3v8h-3z"/><path fill="#269" d="M13 31h18v5H13z"/><ellipse cx="27.75" cy="33.75" fill="#f5f8fa" rx="2.25" ry="1.25"/><path fill="#3b88c3" d="M31 9.5c0 1.32-18 1.32-18 0C13 5.954 14 1 22 1c7 0 9 4.954 9 8.5"/><path fill="#269" d="M13.056 9.5s-.5 3 1.5 3c1 0 2.5-2 7.5-2s6.5 2 7.5 2c2 0 1.5-3 1.5-3s-1.5.5-9 .5s-9-.5-9-.5"/><path fill="#55acee" d="M13 9s-.5 3 1.5 3c1 0 2.5-2 7.5-2s6.5 2 7.5 2c2 0 1.5-3 1.5-3s-1.5.5-9 .5s-9-.5-9-.5"/><path fill="#269" d="M20.5 1.5S20.5 0 22 0s1.5 1.5 1.5 1.5z"/><path fill="#66757f" d="M9.501 23.635c-.005-1.805-1.026-3.353-2.511-4.153l.012 4.409c0 .553-1.006 1.003-2.249 1.005c-1.242.003-2.25-.443-2.251-.995l-.01-4.408c-1.48.806-2.494 2.358-2.492 4.163c.006 2.091 1.37 3.845 3.25 4.475V36h3v-7.869c1.888-.632 3.256-2.397 3.251-4.496"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiMechanicMediumLightSkinTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 36v-2a6 6 0 0 0-6-6H14a6 6 0 0 0-6 6v2z"/><path fill="#f3d2a2" d="M17.64 28.038c0 2.846 8.72 2.962 8.72 0v-3.749h-8.72z"/><path fill="#e2c196" d="M17.632 25.973c1.216 1.374 2.724 1.746 4.364 1.746s3.147-.373 4.363-1.746v-3.491h-8.728v3.491z"/><path fill="#ffe51e" d="M25.152 3.3c-1.925-.623-5.876-.46-7.008 1.012c-2.944.057-6.083 2.932-6.536 6.443c-.448 3.475.235 4.874.591 7.486c.403 2.96 2.067 3.907 3.397 4.303c1.914 2.529 3.949 2.421 7.366 2.421c6.672 0 9.271-4.458 9.552-12.04c.169-4.585-2.522-8.059-7.362-9.625"/><path fill="#f3d2a2" d="M29.547 13.273c-.646-.894-1.472-1.614-3.284-1.868c.68.311 1.331 1.387 1.416 1.982s.17 1.076-.368.481c-2.155-2.382-4.502-1.444-6.827-2.899c-1.624-1.016-2.119-2.141-2.119-2.141s-.198 1.5-2.661 3.029c-.714.443-1.566 1.43-2.038 2.888c-.34 1.048-.234 1.982-.234 3.578c0 4.66 3.841 8.578 8.578 8.578s8.578-3.953 8.578-8.578c-.002-2.898-.305-4.031-1.041-5.05"/><path fill="#c1694f" d="M22.134 24.686c-2.754 0-3.6-.705-3.741-.848a.655.655 0 0 1 .902-.95c.052.037.721.487 2.839.487c2.2 0 2.836-.485 2.842-.49a.64.64 0 0 1 .913.015a.67.67 0 0 1-.014.938c-.142.143-.987.848-3.741.848m.827-3.979h-1.906a.477.477 0 1 1 0-.954h1.906a.477.477 0 1 1 0 .954"/><path fill="#662113" d="M18.195 17.37a.953.953 0 0 1-.953-.953v-.953a.953.953 0 0 1 1.906 0v.953a.95.95 0 0 1-.953.953m7.626 0a.953.953 0 0 1-.953-.953v-.953a.953.953 0 0 1 1.906 0v.953a.953.953 0 0 1-.953.953"/><path fill="#269" d="M13 28h3v8h-3zm15 0h3v8h-3z"/><path fill="#269" d="M13 31h18v5H13z"/><ellipse cx="27.75" cy="33.75" fill="#f5f8fa" rx="2.25" ry="1.25"/><path fill="#3b88c3" d="M31 9.5c0 1.32-18 1.32-18 0C13 5.954 14 1 22 1c7 0 9 4.954 9 8.5"/><path fill="#269" d="M13.056 9.5s-.5 3 1.5 3c1 0 2.5-2 7.5-2s6.5 2 7.5 2c2 0 1.5-3 1.5-3s-1.5.5-9 .5s-9-.5-9-.5"/><path fill="#55acee" d="M13 9s-.5 3 1.5 3c1 0 2.5-2 7.5-2s6.5 2 7.5 2c2 0 1.5-3 1.5-3s-1.5.5-9 .5s-9-.5-9-.5"/><path fill="#269" d="M20.5 1.5S20.5 0 22 0s1.5 1.5 1.5 1.5z"/><path fill="#66757f" d="M9.501 23.635c-.005-1.805-1.026-3.353-2.511-4.153l.012 4.409c0 .553-1.006 1.003-2.249 1.005c-1.242.003-2.25-.443-2.251-.995l-.01-4.408c-1.48.806-2.494 2.358-2.492 4.163c.006 2.091 1.37 3.845 3.25 4.475V36h3v-7.869c1.888-.632 3.256-2.397 3.251-4.496"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M36 36v-2a6 6 0 0 0-6-6H14a6 6 0 0 0-6 6v2z"/><path fill="#f3d2a2" d="M17.64 28.038c0 2.846 8.72 2.962 8.72 0v-3.749h-8.72z"/><path fill="#e2c196" d="M17.632 25.973c1.216 1.374 2.724 1.746 4.364 1.746s3.147-.373 4.363-1.746v-3.491h-8.728v3.491z"/><path fill="#ffe51e" d="M25.152 3.3c-1.925-.623-5.876-.46-7.008 1.012c-2.944.057-6.083 2.932-6.536 6.443c-.448 3.475.235 4.874.591 7.486c.403 2.96 2.067 3.907 3.397 4.303c1.914 2.529 3.949 2.421 7.366 2.421c6.672 0 9.271-4.458 9.552-12.04c.169-4.585-2.522-8.059-7.362-9.625"/><path fill="#f3d2a2" d="M29.547 13.273c-.646-.894-1.472-1.614-3.284-1.868c.68.311 1.331 1.387 1.416 1.982s.17 1.076-.368.481c-2.155-2.382-4.502-1.444-6.827-2.899c-1.624-1.016-2.119-2.141-2.119-2.141s-.198 1.5-2.661 3.029c-.714.443-1.566 1.43-2.038 2.888c-.34 1.048-.234 1.982-.234 3.578c0 4.66 3.841 8.578 8.578 8.578s8.578-3.953 8.578-8.578c-.002-2.898-.305-4.031-1.041-5.05"/><path fill="#c1694f" d="M22.134 24.686c-2.754 0-3.6-.705-3.741-.848a.655.655 0 0 1 .902-.95c.052.037.721.487 2.839.487c2.2 0 2.836-.485 2.842-.49a.64.64 0 0 1 .913.015a.67.67 0 0 1-.014.938c-.142.143-.987.848-3.741.848m.827-3.979h-1.906a.477.477 0 1 1 0-.954h1.906a.477.477 0 1 1 0 .954"/><path fill="#662113" d="M18.195 17.37a.953.953 0 0 1-.953-.953v-.953a.953.953 0 0 1 1.906 0v.953a.95.95 0 0 1-.953.953m7.626 0a.953.953 0 0 1-.953-.953v-.953a.953.953 0 0 1 1.906 0v.953a.953.953 0 0 1-.953.953"/><path fill="#269" d="M13 28h3v8h-3zm15 0h3v8h-3z"/><path fill="#269" d="M13 31h18v5H13z"/><ellipse cx="27.75" cy="33.75" fill="#f5f8fa" rx="2.25" ry="1.25"/><path fill="#3b88c3" d="M31 9.5c0 1.32-18 1.32-18 0C13 5.954 14 1 22 1c7 0 9 4.954 9 8.5"/><path fill="#269" d="M13.056 9.5s-.5 3 1.5 3c1 0 2.5-2 7.5-2s6.5 2 7.5 2c2 0 1.5-3 1.5-3s-1.5.5-9 .5s-9-.5-9-.5"/><path fill="#55acee" d="M13 9s-.5 3 1.5 3c1 0 2.5-2 7.5-2s6.5 2 7.5 2c2 0 1.5-3 1.5-3s-1.5.5-9 .5s-9-.5-9-.5"/><path fill="#269" d="M20.5 1.5S20.5 0 22 0s1.5 1.5 1.5 1.5z"/><path fill="#66757f" d="M9.501 23.635c-.005-1.805-1.026-3.353-2.511-4.153l.012 4.409c0 .553-1.006 1.003-2.249 1.005c-1.242.003-2.25-.443-2.251-.995l-.01-4.408c-1.48.806-2.494 2.358-2.492 4.163c.006 2.091 1.37 3.845 3.25 4.475V36h3v-7.869c1.888-.632 3.256-2.397 3.251-4.496"/></svg>
</template>

CSS

.icon-mechanic-medium-light-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%23ccd6dd%22%20d%3D%22M36%2036v-2a6%206%200%200%200-6-6H14a6%206%200%200%200-6%206v2z%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M17.64%2028.038c0%202.846%208.72%202.962%208.72%200v-3.749h-8.72z%22%2F%3E%3Cpath%20fill%3D%22%23e2c196%22%20d%3D%22M17.632%2025.973c1.216%201.374%202.724%201.746%204.364%201.746s3.147-.373%204.363-1.746v-3.491h-8.728v3.491z%22%2F%3E%3Cpath%20fill%3D%22%23ffe51e%22%20d%3D%22M25.152%203.3c-1.925-.623-5.876-.46-7.008%201.012c-2.944.057-6.083%202.932-6.536%206.443c-.448%203.475.235%204.874.591%207.486c.403%202.96%202.067%203.907%203.397%204.303c1.914%202.529%203.949%202.421%207.366%202.421c6.672%200%209.271-4.458%209.552-12.04c.169-4.585-2.522-8.059-7.362-9.625%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M29.547%2013.273c-.646-.894-1.472-1.614-3.284-1.868c.68.311%201.331%201.387%201.416%201.982s.17%201.076-.368.481c-2.155-2.382-4.502-1.444-6.827-2.899c-1.624-1.016-2.119-2.141-2.119-2.141s-.198%201.5-2.661%203.029c-.714.443-1.566%201.43-2.038%202.888c-.34%201.048-.234%201.982-.234%203.578c0%204.66%203.841%208.578%208.578%208.578s8.578-3.953%208.578-8.578c-.002-2.898-.305-4.031-1.041-5.05%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M22.134%2024.686c-2.754%200-3.6-.705-3.741-.848a.655.655%200%200%201%20.902-.95c.052.037.721.487%202.839.487c2.2%200%202.836-.485%202.842-.49a.64.64%200%200%201%20.913.015a.67.67%200%200%201-.014.938c-.142.143-.987.848-3.741.848m.827-3.979h-1.906a.477.477%200%201%201%200-.954h1.906a.477.477%200%201%201%200%20.954%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M18.195%2017.37a.953.953%200%200%201-.953-.953v-.953a.953.953%200%200%201%201.906%200v.953a.95.95%200%200%201-.953.953m7.626%200a.953.953%200%200%201-.953-.953v-.953a.953.953%200%200%201%201.906%200v.953a.953.953%200%200%201-.953.953%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M13%2028h3v8h-3zm15%200h3v8h-3z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M13%2031h18v5H13z%22%2F%3E%3Cellipse%20cx%3D%2227.75%22%20cy%3D%2233.75%22%20fill%3D%22%23f5f8fa%22%20rx%3D%222.25%22%20ry%3D%221.25%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M31%209.5c0%201.32-18%201.32-18%200C13%205.954%2014%201%2022%201c7%200%209%204.954%209%208.5%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M13.056%209.5s-.5%203%201.5%203c1%200%202.5-2%207.5-2s6.5%202%207.5%202c2%200%201.5-3%201.5-3s-1.5.5-9%20.5s-9-.5-9-.5%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M13%209s-.5%203%201.5%203c1%200%202.5-2%207.5-2s6.5%202%207.5%202c2%200%201.5-3%201.5-3s-1.5.5-9%20.5s-9-.5-9-.5%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M20.5%201.5S20.5%200%2022%200s1.5%201.5%201.5%201.5z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M9.501%2023.635c-.005-1.805-1.026-3.353-2.511-4.153l.012%204.409c0%20.553-1.006%201.003-2.249%201.005c-1.242.003-2.25-.443-2.251-.995l-.01-4.408c-1.48.806-2.494%202.358-2.492%204.163c.006%202.091%201.37%203.845%203.25%204.475V36h3v-7.869c1.888-.632%203.256-2.397%203.251-4.496%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%23ccd6dd%22%20d%3D%22M36%2036v-2a6%206%200%200%200-6-6H14a6%206%200%200%200-6%206v2z%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M17.64%2028.038c0%202.846%208.72%202.962%208.72%200v-3.749h-8.72z%22%2F%3E%3Cpath%20fill%3D%22%23e2c196%22%20d%3D%22M17.632%2025.973c1.216%201.374%202.724%201.746%204.364%201.746s3.147-.373%204.363-1.746v-3.491h-8.728v3.491z%22%2F%3E%3Cpath%20fill%3D%22%23ffe51e%22%20d%3D%22M25.152%203.3c-1.925-.623-5.876-.46-7.008%201.012c-2.944.057-6.083%202.932-6.536%206.443c-.448%203.475.235%204.874.591%207.486c.403%202.96%202.067%203.907%203.397%204.303c1.914%202.529%203.949%202.421%207.366%202.421c6.672%200%209.271-4.458%209.552-12.04c.169-4.585-2.522-8.059-7.362-9.625%22%2F%3E%3Cpath%20fill%3D%22%23f3d2a2%22%20d%3D%22M29.547%2013.273c-.646-.894-1.472-1.614-3.284-1.868c.68.311%201.331%201.387%201.416%201.982s.17%201.076-.368.481c-2.155-2.382-4.502-1.444-6.827-2.899c-1.624-1.016-2.119-2.141-2.119-2.141s-.198%201.5-2.661%203.029c-.714.443-1.566%201.43-2.038%202.888c-.34%201.048-.234%201.982-.234%203.578c0%204.66%203.841%208.578%208.578%208.578s8.578-3.953%208.578-8.578c-.002-2.898-.305-4.031-1.041-5.05%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M22.134%2024.686c-2.754%200-3.6-.705-3.741-.848a.655.655%200%200%201%20.902-.95c.052.037.721.487%202.839.487c2.2%200%202.836-.485%202.842-.49a.64.64%200%200%201%20.913.015a.67.67%200%200%201-.014.938c-.142.143-.987.848-3.741.848m.827-3.979h-1.906a.477.477%200%201%201%200-.954h1.906a.477.477%200%201%201%200%20.954%22%2F%3E%3Cpath%20fill%3D%22%23662113%22%20d%3D%22M18.195%2017.37a.953.953%200%200%201-.953-.953v-.953a.953.953%200%200%201%201.906%200v.953a.95.95%200%200%201-.953.953m7.626%200a.953.953%200%200%201-.953-.953v-.953a.953.953%200%200%201%201.906%200v.953a.953.953%200%200%201-.953.953%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M13%2028h3v8h-3zm15%200h3v8h-3z%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M13%2031h18v5H13z%22%2F%3E%3Cellipse%20cx%3D%2227.75%22%20cy%3D%2233.75%22%20fill%3D%22%23f5f8fa%22%20rx%3D%222.25%22%20ry%3D%221.25%22%2F%3E%3Cpath%20fill%3D%22%233b88c3%22%20d%3D%22M31%209.5c0%201.32-18%201.32-18%200C13%205.954%2014%201%2022%201c7%200%209%204.954%209%208.5%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M13.056%209.5s-.5%203%201.5%203c1%200%202.5-2%207.5-2s6.5%202%207.5%202c2%200%201.5-3%201.5-3s-1.5.5-9%20.5s-9-.5-9-.5%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M13%209s-.5%203%201.5%203c1%200%202.5-2%207.5-2s6.5%202%207.5%202c2%200%201.5-3%201.5-3s-1.5.5-9%20.5s-9-.5-9-.5%22%2F%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M20.5%201.5S20.5%200%2022%200s1.5%201.5%201.5%201.5z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M9.501%2023.635c-.005-1.805-1.026-3.353-2.511-4.153l.012%204.409c0%20.553-1.006%201.003-2.249%201.005c-1.242.003-2.25-.443-2.251-.995l-.01-4.408c-1.48.806-2.494%202.358-2.492%204.163c.006%202.091%201.37%203.845%203.25%204.475V36h3v-7.869c1.888-.632%203.256-2.397%203.251-4.496%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/mechanic-medium-light-skin-tone.svg?color=%231a73e8&size=48