darth vader emoji

darth-vader from OpenMoji by OpenMoji · Default · Extras Openmoji · CC-BY-SA-4.0 Attribution required.

Name
darth-vader
Set
OpenMoji
Style
Default
Category
Extras Openmoji
Viewbox
72×72
License
CC BY-SA 4.0

More extras openmoji icons from OpenMoji

3d-printer3d-printer-lowadd-buttonadd-contactadiletteagenderai-handandroidannoyed-face-with-tongueapplearchivearduinoarmchairaroacearomanticarrow-turn-rightartstationasexualassembly-groupassembly-pointatom-bombaugmented-realityauthorityauthority-building

Use the darth vader emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M54.72 55.82c-.15-.91-.47-1.78-.91-2.58a9.8 9.8 0 0 0-2.13-2.59c-1.85-1.59-4.31-2.57-6.75-2.57c-1.31 1.1-2.61 1.96-3.92 2.57c-3.33 1.57-6.65 1.57-9.98 0c-1.31-.61-2.61-1.47-3.92-2.57c-2.44 0-4.9.98-6.75 2.57a9.8 9.8 0 0 0-2.13 2.59c-.44.8-.76 1.67-.91 2.58c-.07.41-.11.83-.11 1.26v4h37.62v-4c0-.43-.04-.85-.11-1.26m-8.474-31.75c-.31-5.525-4.888-9.91-10.49-9.91c-5.803 0-10.507 4.703-10.507 10.506l.173 1.907l-5.684 15.316s4.415 2.366 14.754 2.57l.58.014c11.368 0 17.19-2.584 17.19-2.584L46.18 25.501s.077-1.234.066-1.43"/><path fill="#3f3f3f" d="m49 43l-3.84.59L40 29l-.63.14c-1.02 1.63-2.97 1.63-3.8 1.63c-1.35 0-3.03-.18-3.94-1.62L31 29l-6.31 14.38L22 43l6.73-16.71c.29-.69.97-1.14 1.72-1.14h1.17c.65 0 1.24.33 1.59.87l.96 1.53c.17.27 2.45.32 2.66 0l.96-1.53c.35-.54.94-.87 1.59-.87h1.17c.75 0 1.43.45 1.72 1.14z"/><path fill="#3f3f3f" d="M35.559 35L31 40h2.279l2.28-3l2.28 3h2.279z"/><path fill="#9b9b9a" d="M33.78 16.594a12.94 12.94 0 0 0-6.523 8.56a7.576 7.576 0 0 1 5.018-8.208a7.7 7.7 0 0 1 1.506-.352"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="M17.214 59.982v-3c0-5 4.95-9 9.9-9q8.909 7.5 17.818 0c4.95 0 9.9 4 9.9 9v3M46.246 24.07c-.31-5.525-4.888-9.91-10.49-9.91c-5.803 0-10.507 4.703-10.507 10.506l.173 1.907l-5.684 15.316s4.415 2.366 14.754 2.57l.58.014c11.368 0 17.19-2.584 17.19-2.584L46.18 25.501s.077-1.234.066-1.43"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="M35.756 40.856H29.21l6.289-7.117l6.29 7.117H29.21"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="m23.254 40.512l5.472-14.219a1.88 1.88 0 0 1 1.727-1.144h1.17c.642 0 1.24.33 1.584.874l.964 1.525c.171.272 2.453.326 2.659 0l.963-1.525a1.88 1.88 0 0 1 1.585-.874h1.17c.752 0 1.432.45 1.726 1.144l5.44 14.132M35.33 13.643v12.614M29 36l2.372 2.41M42 36l-2.372 2.41m-6.561 2.446l2.615 3.614l2.529-3.614"/><path d="M41.73 30.73c0 .471-.174.904-.47 1.239h-2.923a1.85 1.85 0 0 1-.47-1.239c0-1.064.866-1.931 1.931-1.931s1.932.867 1.932 1.932Zm-8.826 0c0 .471-.173.904-.47 1.239h-2.922a1.85 1.85 0 0 1-.47-1.239c0-1.064.866-1.931 1.93-1.931s1.932.867 1.932 1.932Zm3.934 2.474c0 .303-.118.581-.32.796H34.52a1.15 1.15 0 0 1-.32-.796c0-.684.591-1.242 1.318-1.242s1.32.558 1.32 1.242"/></svg>

React

import type { SVGProps } from "react";

export function OpenmojiDarthVader(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M54.72 55.82c-.15-.91-.47-1.78-.91-2.58a9.8 9.8 0 0 0-2.13-2.59c-1.85-1.59-4.31-2.57-6.75-2.57c-1.31 1.1-2.61 1.96-3.92 2.57c-3.33 1.57-6.65 1.57-9.98 0c-1.31-.61-2.61-1.47-3.92-2.57c-2.44 0-4.9.98-6.75 2.57a9.8 9.8 0 0 0-2.13 2.59c-.44.8-.76 1.67-.91 2.58c-.07.41-.11.83-.11 1.26v4h37.62v-4c0-.43-.04-.85-.11-1.26m-8.474-31.75c-.31-5.525-4.888-9.91-10.49-9.91c-5.803 0-10.507 4.703-10.507 10.506l.173 1.907l-5.684 15.316s4.415 2.366 14.754 2.57l.58.014c11.368 0 17.19-2.584 17.19-2.584L46.18 25.501s.077-1.234.066-1.43"/><path fill="#3f3f3f" d="m49 43l-3.84.59L40 29l-.63.14c-1.02 1.63-2.97 1.63-3.8 1.63c-1.35 0-3.03-.18-3.94-1.62L31 29l-6.31 14.38L22 43l6.73-16.71c.29-.69.97-1.14 1.72-1.14h1.17c.65 0 1.24.33 1.59.87l.96 1.53c.17.27 2.45.32 2.66 0l.96-1.53c.35-.54.94-.87 1.59-.87h1.17c.75 0 1.43.45 1.72 1.14z"/><path fill="#3f3f3f" d="M35.559 35L31 40h2.279l2.28-3l2.28 3h2.279z"/><path fill="#9b9b9a" d="M33.78 16.594a12.94 12.94 0 0 0-6.523 8.56a7.576 7.576 0 0 1 5.018-8.208a7.7 7.7 0 0 1 1.506-.352"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.99" d="M17.214 59.982v-3c0-5 4.95-9 9.9-9q8.909 7.5 17.818 0c4.95 0 9.9 4 9.9 9v3M46.246 24.07c-.31-5.525-4.888-9.91-10.49-9.91c-5.803 0-10.507 4.703-10.507 10.506l.173 1.907l-5.684 15.316s4.415 2.366 14.754 2.57l.58.014c11.368 0 17.19-2.584 17.19-2.584L46.18 25.501s.077-1.234.066-1.43"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.99" d="M35.756 40.856H29.21l6.289-7.117l6.29 7.117H29.21"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.99" d="m23.254 40.512l5.472-14.219a1.88 1.88 0 0 1 1.727-1.144h1.17c.642 0 1.24.33 1.584.874l.964 1.525c.171.272 2.453.326 2.659 0l.963-1.525a1.88 1.88 0 0 1 1.585-.874h1.17c.752 0 1.432.45 1.726 1.144l5.44 14.132M35.33 13.643v12.614M29 36l2.372 2.41M42 36l-2.372 2.41m-6.561 2.446l2.615 3.614l2.529-3.614"/><path d="M41.73 30.73c0 .471-.174.904-.47 1.239h-2.923a1.85 1.85 0 0 1-.47-1.239c0-1.064.866-1.931 1.931-1.931s1.932.867 1.932 1.932Zm-8.826 0c0 .471-.173.904-.47 1.239h-2.922a1.85 1.85 0 0 1-.47-1.239c0-1.064.866-1.931 1.93-1.931s1.932.867 1.932 1.932Zm3.934 2.474c0 .303-.118.581-.32.796H34.52a1.15 1.15 0 0 1-.32-.796c0-.684.591-1.242 1.318-1.242s1.32.558 1.32 1.242"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#3f3f3f" d="M54.72 55.82c-.15-.91-.47-1.78-.91-2.58a9.8 9.8 0 0 0-2.13-2.59c-1.85-1.59-4.31-2.57-6.75-2.57c-1.31 1.1-2.61 1.96-3.92 2.57c-3.33 1.57-6.65 1.57-9.98 0c-1.31-.61-2.61-1.47-3.92-2.57c-2.44 0-4.9.98-6.75 2.57a9.8 9.8 0 0 0-2.13 2.59c-.44.8-.76 1.67-.91 2.58c-.07.41-.11.83-.11 1.26v4h37.62v-4c0-.43-.04-.85-.11-1.26m-8.474-31.75c-.31-5.525-4.888-9.91-10.49-9.91c-5.803 0-10.507 4.703-10.507 10.506l.173 1.907l-5.684 15.316s4.415 2.366 14.754 2.57l.58.014c11.368 0 17.19-2.584 17.19-2.584L46.18 25.501s.077-1.234.066-1.43"/><path fill="#3f3f3f" d="m49 43l-3.84.59L40 29l-.63.14c-1.02 1.63-2.97 1.63-3.8 1.63c-1.35 0-3.03-.18-3.94-1.62L31 29l-6.31 14.38L22 43l6.73-16.71c.29-.69.97-1.14 1.72-1.14h1.17c.65 0 1.24.33 1.59.87l.96 1.53c.17.27 2.45.32 2.66 0l.96-1.53c.35-.54.94-.87 1.59-.87h1.17c.75 0 1.43.45 1.72 1.14z"/><path fill="#3f3f3f" d="M35.559 35L31 40h2.279l2.28-3l2.28 3h2.279z"/><path fill="#9b9b9a" d="M33.78 16.594a12.94 12.94 0 0 0-6.523 8.56a7.576 7.576 0 0 1 5.018-8.208a7.7 7.7 0 0 1 1.506-.352"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="M17.214 59.982v-3c0-5 4.95-9 9.9-9q8.909 7.5 17.818 0c4.95 0 9.9 4 9.9 9v3M46.246 24.07c-.31-5.525-4.888-9.91-10.49-9.91c-5.803 0-10.507 4.703-10.507 10.506l.173 1.907l-5.684 15.316s4.415 2.366 14.754 2.57l.58.014c11.368 0 17.19-2.584 17.19-2.584L46.18 25.501s.077-1.234.066-1.43"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="M35.756 40.856H29.21l6.289-7.117l6.29 7.117H29.21"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.99" d="m23.254 40.512l5.472-14.219a1.88 1.88 0 0 1 1.727-1.144h1.17c.642 0 1.24.33 1.584.874l.964 1.525c.171.272 2.453.326 2.659 0l.963-1.525a1.88 1.88 0 0 1 1.585-.874h1.17c.752 0 1.432.45 1.726 1.144l5.44 14.132M35.33 13.643v12.614M29 36l2.372 2.41M42 36l-2.372 2.41m-6.561 2.446l2.615 3.614l2.529-3.614"/><path d="M41.73 30.73c0 .471-.174.904-.47 1.239h-2.923a1.85 1.85 0 0 1-.47-1.239c0-1.064.866-1.931 1.931-1.931s1.932.867 1.932 1.932Zm-8.826 0c0 .471-.173.904-.47 1.239h-2.922a1.85 1.85 0 0 1-.47-1.239c0-1.064.866-1.931 1.93-1.931s1.932.867 1.932 1.932Zm3.934 2.474c0 .303-.118.581-.32.796H34.52a1.15 1.15 0 0 1-.32-.796c0-.684.591-1.242 1.318-1.242s1.32.558 1.32 1.242"/></svg>
</template>

CSS

.icon-darth-vader {
  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%2072%2072%22%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M54.72%2055.82c-.15-.91-.47-1.78-.91-2.58a9.8%209.8%200%200%200-2.13-2.59c-1.85-1.59-4.31-2.57-6.75-2.57c-1.31%201.1-2.61%201.96-3.92%202.57c-3.33%201.57-6.65%201.57-9.98%200c-1.31-.61-2.61-1.47-3.92-2.57c-2.44%200-4.9.98-6.75%202.57a9.8%209.8%200%200%200-2.13%202.59c-.44.8-.76%201.67-.91%202.58c-.07.41-.11.83-.11%201.26v4h37.62v-4c0-.43-.04-.85-.11-1.26m-8.474-31.75c-.31-5.525-4.888-9.91-10.49-9.91c-5.803%200-10.507%204.703-10.507%2010.506l.173%201.907l-5.684%2015.316s4.415%202.366%2014.754%202.57l.58.014c11.368%200%2017.19-2.584%2017.19-2.584L46.18%2025.501s.077-1.234.066-1.43%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22m49%2043l-3.84.59L40%2029l-.63.14c-1.02%201.63-2.97%201.63-3.8%201.63c-1.35%200-3.03-.18-3.94-1.62L31%2029l-6.31%2014.38L22%2043l6.73-16.71c.29-.69.97-1.14%201.72-1.14h1.17c.65%200%201.24.33%201.59.87l.96%201.53c.17.27%202.45.32%202.66%200l.96-1.53c.35-.54.94-.87%201.59-.87h1.17c.75%200%201.43.45%201.72%201.14z%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M35.559%2035L31%2040h2.279l2.28-3l2.28%203h2.279z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M33.78%2016.594a12.94%2012.94%200%200%200-6.523%208.56a7.576%207.576%200%200%201%205.018-8.208a7.7%207.7%200%200%201%201.506-.352%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.99%22%20d%3D%22M17.214%2059.982v-3c0-5%204.95-9%209.9-9q8.909%207.5%2017.818%200c4.95%200%209.9%204%209.9%209v3M46.246%2024.07c-.31-5.525-4.888-9.91-10.49-9.91c-5.803%200-10.507%204.703-10.507%2010.506l.173%201.907l-5.684%2015.316s4.415%202.366%2014.754%202.57l.58.014c11.368%200%2017.19-2.584%2017.19-2.584L46.18%2025.501s.077-1.234.066-1.43%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.99%22%20d%3D%22M35.756%2040.856H29.21l6.289-7.117l6.29%207.117H29.21%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.99%22%20d%3D%22m23.254%2040.512l5.472-14.219a1.88%201.88%200%200%201%201.727-1.144h1.17c.642%200%201.24.33%201.584.874l.964%201.525c.171.272%202.453.326%202.659%200l.963-1.525a1.88%201.88%200%200%201%201.585-.874h1.17c.752%200%201.432.45%201.726%201.144l5.44%2014.132M35.33%2013.643v12.614M29%2036l2.372%202.41M42%2036l-2.372%202.41m-6.561%202.446l2.615%203.614l2.529-3.614%22%2F%3E%3Cpath%20d%3D%22M41.73%2030.73c0%20.471-.174.904-.47%201.239h-2.923a1.85%201.85%200%200%201-.47-1.239c0-1.064.866-1.931%201.931-1.931s1.932.867%201.932%201.932Zm-8.826%200c0%20.471-.173.904-.47%201.239h-2.922a1.85%201.85%200%200%201-.47-1.239c0-1.064.866-1.931%201.93-1.931s1.932.867%201.932%201.932Zm3.934%202.474c0%20.303-.118.581-.32.796H34.52a1.15%201.15%200%200%201-.32-.796c0-.684.591-1.242%201.318-1.242s1.32.558%201.32%201.242%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%2072%2072%22%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M54.72%2055.82c-.15-.91-.47-1.78-.91-2.58a9.8%209.8%200%200%200-2.13-2.59c-1.85-1.59-4.31-2.57-6.75-2.57c-1.31%201.1-2.61%201.96-3.92%202.57c-3.33%201.57-6.65%201.57-9.98%200c-1.31-.61-2.61-1.47-3.92-2.57c-2.44%200-4.9.98-6.75%202.57a9.8%209.8%200%200%200-2.13%202.59c-.44.8-.76%201.67-.91%202.58c-.07.41-.11.83-.11%201.26v4h37.62v-4c0-.43-.04-.85-.11-1.26m-8.474-31.75c-.31-5.525-4.888-9.91-10.49-9.91c-5.803%200-10.507%204.703-10.507%2010.506l.173%201.907l-5.684%2015.316s4.415%202.366%2014.754%202.57l.58.014c11.368%200%2017.19-2.584%2017.19-2.584L46.18%2025.501s.077-1.234.066-1.43%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22m49%2043l-3.84.59L40%2029l-.63.14c-1.02%201.63-2.97%201.63-3.8%201.63c-1.35%200-3.03-.18-3.94-1.62L31%2029l-6.31%2014.38L22%2043l6.73-16.71c.29-.69.97-1.14%201.72-1.14h1.17c.65%200%201.24.33%201.59.87l.96%201.53c.17.27%202.45.32%202.66%200l.96-1.53c.35-.54.94-.87%201.59-.87h1.17c.75%200%201.43.45%201.72%201.14z%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M35.559%2035L31%2040h2.279l2.28-3l2.28%203h2.279z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M33.78%2016.594a12.94%2012.94%200%200%200-6.523%208.56a7.576%207.576%200%200%201%205.018-8.208a7.7%207.7%200%200%201%201.506-.352%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.99%22%20d%3D%22M17.214%2059.982v-3c0-5%204.95-9%209.9-9q8.909%207.5%2017.818%200c4.95%200%209.9%204%209.9%209v3M46.246%2024.07c-.31-5.525-4.888-9.91-10.49-9.91c-5.803%200-10.507%204.703-10.507%2010.506l.173%201.907l-5.684%2015.316s4.415%202.366%2014.754%202.57l.58.014c11.368%200%2017.19-2.584%2017.19-2.584L46.18%2025.501s.077-1.234.066-1.43%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.99%22%20d%3D%22M35.756%2040.856H29.21l6.289-7.117l6.29%207.117H29.21%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.99%22%20d%3D%22m23.254%2040.512l5.472-14.219a1.88%201.88%200%200%201%201.727-1.144h1.17c.642%200%201.24.33%201.584.874l.964%201.525c.171.272%202.453.326%202.659%200l.963-1.525a1.88%201.88%200%200%201%201.585-.874h1.17c.752%200%201.432.45%201.726%201.144l5.44%2014.132M35.33%2013.643v12.614M29%2036l2.372%202.41M42%2036l-2.372%202.41m-6.561%202.446l2.615%203.614l2.529-3.614%22%2F%3E%3Cpath%20d%3D%22M41.73%2030.73c0%20.471-.174.904-.47%201.239h-2.923a1.85%201.85%200%200%201-.47-1.239c0-1.064.866-1.931%201.931-1.931s1.932.867%201.932%201.932Zm-8.826%200c0%20.471-.173.904-.47%201.239h-2.922a1.85%201.85%200%200%201-.47-1.239c0-1.064.866-1.931%201.93-1.931s1.932.867%201.932%201.932Zm3.934%202.474c0%20.303-.118.581-.32.796H34.52a1.15%201.15%200%200%201-.32-.796c0-.684.591-1.242%201.318-1.242s1.32.558%201.32%201.242%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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