nerd face emoji

nerd-face from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
nerd-face
Set
Fluent Emoji High Contrast
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

nerd-faceEmoji One (Colored)nerd-faceFluent Emojinerd-faceFluent Emoji Flatnerd-faceNoto Emojinerd-faceOpenMojinerd-faceStreamline Emojisnerd-faceTwitter Emoji

More smileys & emotion icons from Fluent Emoji High Contrast

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat

Use the nerd face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9 20h4v.5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V20h4c0 3.87-3.13 7-7 7s-7-3.13-7-7m1.5-9a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m11 0a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5"/><path d="M1.426 12H1a1 1 0 1 0 0 2h.102A19 19 0 0 0 1 15.999c0 4.061 1.226 7.82 3.763 10.576c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c2.537-2.755 3.764-6.515 3.764-10.576q0-1.014-.103-1.999H31a1 1 0 1 0 0-2h-.428c-.556-2.496-1.66-4.756-3.338-6.577C24.684 2.654 20.903 1 16 1S7.313 2.654 4.763 5.423C3.086 7.243 1.982 9.504 1.426 12m2.056 0c.515-2.016 1.44-3.796 2.753-5.222C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c1.314 1.426 2.238 3.206 2.753 5.222h-.723a5.502 5.502 0 0 0-10.586 0h-2.414a5.502 5.502 0 0 0-10.586 0zm25.402 2q.114.976.114 1.999c0 3.67-1.106 6.91-3.235 9.221c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778C4.105 22.91 3 19.67 3 16q0-1.024.114-1.999h.908a5.5 5.5 0 0 0 10.956 0h2.044a5.5 5.5 0 0 0 10.956 0zM5 13.5a4.5 4.5 0 1 1 9 0a4.5 4.5 0 0 1-9 0m13.007 0a4.493 4.493 0 1 1 8.986 0a4.493 4.493 0 0 1-8.986 0"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastNerdFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9 20h4v.5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V20h4c0 3.87-3.13 7-7 7s-7-3.13-7-7m1.5-9a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m11 0a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5"/><path d="M1.426 12H1a1 1 0 1 0 0 2h.102A19 19 0 0 0 1 15.999c0 4.061 1.226 7.82 3.763 10.576c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c2.537-2.755 3.764-6.515 3.764-10.576q0-1.014-.103-1.999H31a1 1 0 1 0 0-2h-.428c-.556-2.496-1.66-4.756-3.338-6.577C24.684 2.654 20.903 1 16 1S7.313 2.654 4.763 5.423C3.086 7.243 1.982 9.504 1.426 12m2.056 0c.515-2.016 1.44-3.796 2.753-5.222C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c1.314 1.426 2.238 3.206 2.753 5.222h-.723a5.502 5.502 0 0 0-10.586 0h-2.414a5.502 5.502 0 0 0-10.586 0zm25.402 2q.114.976.114 1.999c0 3.67-1.106 6.91-3.235 9.221c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778C4.105 22.91 3 19.67 3 16q0-1.024.114-1.999h.908a5.5 5.5 0 0 0 10.956 0h2.044a5.5 5.5 0 0 0 10.956 0zM5 13.5a4.5 4.5 0 1 1 9 0a4.5 4.5 0 0 1-9 0m13.007 0a4.493 4.493 0 1 1 8.986 0a4.493 4.493 0 0 1-8.986 0"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9 20h4v.5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V20h4c0 3.87-3.13 7-7 7s-7-3.13-7-7m1.5-9a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5m11 0a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5"/><path d="M1.426 12H1a1 1 0 1 0 0 2h.102A19 19 0 0 0 1 15.999c0 4.061 1.226 7.82 3.763 10.576c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c2.537-2.755 3.764-6.515 3.764-10.576q0-1.014-.103-1.999H31a1 1 0 1 0 0-2h-.428c-.556-2.496-1.66-4.756-3.338-6.577C24.684 2.654 20.903 1 16 1S7.313 2.654 4.763 5.423C3.086 7.243 1.982 9.504 1.426 12m2.056 0c.515-2.016 1.44-3.796 2.753-5.222C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c1.314 1.426 2.238 3.206 2.753 5.222h-.723a5.502 5.502 0 0 0-10.586 0h-2.414a5.502 5.502 0 0 0-10.586 0zm25.402 2q.114.976.114 1.999c0 3.67-1.106 6.91-3.235 9.221c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778C4.105 22.91 3 19.67 3 16q0-1.024.114-1.999h.908a5.5 5.5 0 0 0 10.956 0h2.044a5.5 5.5 0 0 0 10.956 0zM5 13.5a4.5 4.5 0 1 1 9 0a4.5 4.5 0 0 1-9 0m13.007 0a4.493 4.493 0 1 1 8.986 0a4.493 4.493 0 0 1-8.986 0"/></g></svg>
</template>

CSS

.icon-nerd-face {
  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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9%2020h4v.5a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V20h4c0%203.87-3.13%207-7%207s-7-3.13-7-7m1.5-9a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5m11%200a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5%22%2F%3E%3Cpath%20d%3D%22M1.426%2012H1a1%201%200%201%200%200%202h.102A19%2019%200%200%200%201%2015.999c0%204.061%201.226%207.82%203.763%2010.576c2.55%202.769%206.332%204.423%2011.236%204.423s8.686-1.654%2011.235-4.423c2.537-2.755%203.764-6.515%203.764-10.576q0-1.014-.103-1.999H31a1%201%200%201%200%200-2h-.428c-.556-2.496-1.66-4.756-3.338-6.577C24.684%202.654%2020.903%201%2016%201S7.313%202.654%204.763%205.423C3.086%207.243%201.982%209.504%201.426%2012m2.056%200c.515-2.016%201.44-3.796%202.753-5.222C8.35%204.48%2011.568%203%2015.999%203s7.648%201.48%209.764%203.778c1.314%201.426%202.238%203.206%202.753%205.222h-.723a5.502%205.502%200%200%200-10.586%200h-2.414a5.502%205.502%200%200%200-10.586%200zm25.402%202q.114.976.114%201.999c0%203.67-1.106%206.91-3.235%209.221c-2.116%202.298-5.333%203.778-9.764%203.778s-7.648-1.48-9.764-3.778C4.105%2022.91%203%2019.67%203%2016q0-1.024.114-1.999h.908a5.5%205.5%200%200%200%2010.956%200h2.044a5.5%205.5%200%200%200%2010.956%200zM5%2013.5a4.5%204.5%200%201%201%209%200a4.5%204.5%200%200%201-9%200m13.007%200a4.493%204.493%200%201%201%208.986%200a4.493%204.493%200%200%201-8.986%200%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9%2020h4v.5a1%201%200%200%200%201%201h4a1%201%200%200%200%201-1V20h4c0%203.87-3.13%207-7%207s-7-3.13-7-7m1.5-9a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5m11%200a2.5%202.5%200%201%200%200%205a2.5%202.5%200%200%200%200-5%22%2F%3E%3Cpath%20d%3D%22M1.426%2012H1a1%201%200%201%200%200%202h.102A19%2019%200%200%200%201%2015.999c0%204.061%201.226%207.82%203.763%2010.576c2.55%202.769%206.332%204.423%2011.236%204.423s8.686-1.654%2011.235-4.423c2.537-2.755%203.764-6.515%203.764-10.576q0-1.014-.103-1.999H31a1%201%200%201%200%200-2h-.428c-.556-2.496-1.66-4.756-3.338-6.577C24.684%202.654%2020.903%201%2016%201S7.313%202.654%204.763%205.423C3.086%207.243%201.982%209.504%201.426%2012m2.056%200c.515-2.016%201.44-3.796%202.753-5.222C8.35%204.48%2011.568%203%2015.999%203s7.648%201.48%209.764%203.778c1.314%201.426%202.238%203.206%202.753%205.222h-.723a5.502%205.502%200%200%200-10.586%200h-2.414a5.502%205.502%200%200%200-10.586%200zm25.402%202q.114.976.114%201.999c0%203.67-1.106%206.91-3.235%209.221c-2.116%202.298-5.333%203.778-9.764%203.778s-7.648-1.48-9.764-3.778C4.105%2022.91%203%2019.67%203%2016q0-1.024.114-1.999h.908a5.5%205.5%200%200%200%2010.956%200h2.044a5.5%205.5%200%200%200%2010.956%200zM5%2013.5a4.5%204.5%200%201%201%209%200a4.5%204.5%200%200%201-9%200m13.007%200a4.493%204.493%200%201%201%208.986%200a4.493%204.493%200%200%201-8.986%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/nerd-face.svg?color=%231a73e8&size=48