clown face emoji

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

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

The same emoji in other sets

clown-faceEmoji One (Colored)clown-faceFluent Emojiclown-faceFluent Emoji Flatclown-faceNoto Emojiclown-faceOpenMojiclown-faceStreamline Emojisclown-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-smilecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-face

Use the clown 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="M24.262 17.86c.449.2.738.648.738 1.14c0 2.498-1.048 4.538-2.741 5.93C20.589 26.303 18.356 27 16 27s-4.59-.697-6.259-2.07C8.048 23.538 7 21.498 7 19a1.25 1.25 0 0 1 1.972-1.02l.01.006l.066.044c.066.04.172.105.317.186c.291.16.74.383 1.338.608c1.193.45 2.98.913 5.296.913c2.612-.004 4.393-.473 5.488-.909a7 7 0 0 0 1.164-.576a4 4 0 0 0 .279-.195a1.25 1.25 0 0 1 1.332-.198m-2.254 3.443c-1.386.496-3.356.93-6.006.934H16c-2.576 0-4.617-.5-6.05-1.026A4.9 4.9 0 0 0 11.329 23c1.146.942 2.787 1.5 4.671 1.5s3.525-.558 4.671-1.5a4.9 4.9 0 0 0 1.337-1.697"/><path d="M15 12q0 .068-.002.134a3.75 3.75 0 1 0-.329 1.658A5.002 5.002 0 0 1 5 12a5 5 0 0 1 10 0m12 0a5 5 0 0 1-9.67 1.792a3.75 3.75 0 1 0-.328-1.658L17 12a5 5 0 0 1 10 0m-11 6a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5"/><path d="M12.25 14.5a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m7.5 0a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"/><path d="M12.373 1.332A3 3 0 0 0 11 1a3 3 0 0 0-2.14.898A5 5 0 0 0 1.898 8.86A3 3 0 0 0 1 11c0 .503.124.978.343 1.395A18.6 18.6 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.576a18.6 18.6 0 0 0-.343-3.601c.22-.418.345-.893.345-1.398a3 3 0 0 0-.898-2.14a5 5 0 0 0-6.962-6.962A3 3 0 0 0 21 1c-.495 0-.962.12-1.373.332A19 19 0 0 0 15.999 1c-1.287 0-2.496.114-3.626.332M3 15.999c0-3.67 1.106-6.91 3.235-9.221C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22s-1.106 6.91-3.235 9.222c-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 16"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastClownFace(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="M24.262 17.86c.449.2.738.648.738 1.14c0 2.498-1.048 4.538-2.741 5.93C20.589 26.303 18.356 27 16 27s-4.59-.697-6.259-2.07C8.048 23.538 7 21.498 7 19a1.25 1.25 0 0 1 1.972-1.02l.01.006l.066.044c.066.04.172.105.317.186c.291.16.74.383 1.338.608c1.193.45 2.98.913 5.296.913c2.612-.004 4.393-.473 5.488-.909a7 7 0 0 0 1.164-.576a4 4 0 0 0 .279-.195a1.25 1.25 0 0 1 1.332-.198m-2.254 3.443c-1.386.496-3.356.93-6.006.934H16c-2.576 0-4.617-.5-6.05-1.026A4.9 4.9 0 0 0 11.329 23c1.146.942 2.787 1.5 4.671 1.5s3.525-.558 4.671-1.5a4.9 4.9 0 0 0 1.337-1.697"/><path d="M15 12q0 .068-.002.134a3.75 3.75 0 1 0-.329 1.658A5.002 5.002 0 0 1 5 12a5 5 0 0 1 10 0m12 0a5 5 0 0 1-9.67 1.792a3.75 3.75 0 1 0-.328-1.658L17 12a5 5 0 0 1 10 0m-11 6a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5"/><path d="M12.25 14.5a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m7.5 0a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"/><path d="M12.373 1.332A3 3 0 0 0 11 1a3 3 0 0 0-2.14.898A5 5 0 0 0 1.898 8.86A3 3 0 0 0 1 11c0 .503.124.978.343 1.395A18.6 18.6 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.576a18.6 18.6 0 0 0-.343-3.601c.22-.418.345-.893.345-1.398a3 3 0 0 0-.898-2.14a5 5 0 0 0-6.962-6.962A3 3 0 0 0 21 1c-.495 0-.962.12-1.373.332A19 19 0 0 0 15.999 1c-1.287 0-2.496.114-3.626.332M3 15.999c0-3.67 1.106-6.91 3.235-9.221C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22s-1.106 6.91-3.235 9.222c-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 16"/></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="M24.262 17.86c.449.2.738.648.738 1.14c0 2.498-1.048 4.538-2.741 5.93C20.589 26.303 18.356 27 16 27s-4.59-.697-6.259-2.07C8.048 23.538 7 21.498 7 19a1.25 1.25 0 0 1 1.972-1.02l.01.006l.066.044c.066.04.172.105.317.186c.291.16.74.383 1.338.608c1.193.45 2.98.913 5.296.913c2.612-.004 4.393-.473 5.488-.909a7 7 0 0 0 1.164-.576a4 4 0 0 0 .279-.195a1.25 1.25 0 0 1 1.332-.198m-2.254 3.443c-1.386.496-3.356.93-6.006.934H16c-2.576 0-4.617-.5-6.05-1.026A4.9 4.9 0 0 0 11.329 23c1.146.942 2.787 1.5 4.671 1.5s3.525-.558 4.671-1.5a4.9 4.9 0 0 0 1.337-1.697"/><path d="M15 12q0 .068-.002.134a3.75 3.75 0 1 0-.329 1.658A5.002 5.002 0 0 1 5 12a5 5 0 0 1 10 0m12 0a5 5 0 0 1-9.67 1.792a3.75 3.75 0 1 0-.328-1.658L17 12a5 5 0 0 1 10 0m-11 6a1.75 1.75 0 1 0 0-3.5a1.75 1.75 0 0 0 0 3.5"/><path d="M12.25 14.5a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m7.5 0a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"/><path d="M12.373 1.332A3 3 0 0 0 11 1a3 3 0 0 0-2.14.898A5 5 0 0 0 1.898 8.86A3 3 0 0 0 1 11c0 .503.124.978.343 1.395A18.6 18.6 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.576a18.6 18.6 0 0 0-.343-3.601c.22-.418.345-.893.345-1.398a3 3 0 0 0-.898-2.14a5 5 0 0 0-6.962-6.962A3 3 0 0 0 21 1c-.495 0-.962.12-1.373.332A19 19 0 0 0 15.999 1c-1.287 0-2.496.114-3.626.332M3 15.999c0-3.67 1.106-6.91 3.235-9.221C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22s-1.106 6.91-3.235 9.222c-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 16"/></g></svg>
</template>

CSS

.icon-clown-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%22M24.262%2017.86c.449.2.738.648.738%201.14c0%202.498-1.048%204.538-2.741%205.93C20.589%2026.303%2018.356%2027%2016%2027s-4.59-.697-6.259-2.07C8.048%2023.538%207%2021.498%207%2019a1.25%201.25%200%200%201%201.972-1.02l.01.006l.066.044c.066.04.172.105.317.186c.291.16.74.383%201.338.608c1.193.45%202.98.913%205.296.913c2.612-.004%204.393-.473%205.488-.909a7%207%200%200%200%201.164-.576a4%204%200%200%200%20.279-.195a1.25%201.25%200%200%201%201.332-.198m-2.254%203.443c-1.386.496-3.356.93-6.006.934H16c-2.576%200-4.617-.5-6.05-1.026A4.9%204.9%200%200%200%2011.329%2023c1.146.942%202.787%201.5%204.671%201.5s3.525-.558%204.671-1.5a4.9%204.9%200%200%200%201.337-1.697%22%2F%3E%3Cpath%20d%3D%22M15%2012q0%20.068-.002.134a3.75%203.75%200%201%200-.329%201.658A5.002%205.002%200%200%201%205%2012a5%205%200%200%201%2010%200m12%200a5%205%200%200%201-9.67%201.792a3.75%203.75%200%201%200-.328-1.658L17%2012a5%205%200%200%201%2010%200m-11%206a1.75%201.75%200%201%200%200-3.5a1.75%201.75%200%200%200%200%203.5%22%2F%3E%3Cpath%20d%3D%22M12.25%2014.5a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5m7.5%200a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5%22%2F%3E%3Cpath%20d%3D%22M12.373%201.332A3%203%200%200%200%2011%201a3%203%200%200%200-2.14.898A5%205%200%200%200%201.898%208.86A3%203%200%200%200%201%2011c0%20.503.124.978.343%201.395A18.6%2018.6%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.576a18.6%2018.6%200%200%200-.343-3.601c.22-.418.345-.893.345-1.398a3%203%200%200%200-.898-2.14a5%205%200%200%200-6.962-6.962A3%203%200%200%200%2021%201c-.495%200-.962.12-1.373.332A19%2019%200%200%200%2015.999%201c-1.287%200-2.496.114-3.626.332M3%2015.999c0-3.67%201.106-6.91%203.235-9.221C8.35%204.48%2011.568%203%2015.999%203s7.648%201.48%209.764%203.778c2.129%202.311%203.235%205.55%203.235%209.22s-1.106%206.91-3.235%209.222c-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%2016%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%22M24.262%2017.86c.449.2.738.648.738%201.14c0%202.498-1.048%204.538-2.741%205.93C20.589%2026.303%2018.356%2027%2016%2027s-4.59-.697-6.259-2.07C8.048%2023.538%207%2021.498%207%2019a1.25%201.25%200%200%201%201.972-1.02l.01.006l.066.044c.066.04.172.105.317.186c.291.16.74.383%201.338.608c1.193.45%202.98.913%205.296.913c2.612-.004%204.393-.473%205.488-.909a7%207%200%200%200%201.164-.576a4%204%200%200%200%20.279-.195a1.25%201.25%200%200%201%201.332-.198m-2.254%203.443c-1.386.496-3.356.93-6.006.934H16c-2.576%200-4.617-.5-6.05-1.026A4.9%204.9%200%200%200%2011.329%2023c1.146.942%202.787%201.5%204.671%201.5s3.525-.558%204.671-1.5a4.9%204.9%200%200%200%201.337-1.697%22%2F%3E%3Cpath%20d%3D%22M15%2012q0%20.068-.002.134a3.75%203.75%200%201%200-.329%201.658A5.002%205.002%200%200%201%205%2012a5%205%200%200%201%2010%200m12%200a5%205%200%200%201-9.67%201.792a3.75%203.75%200%201%200-.328-1.658L17%2012a5%205%200%200%201%2010%200m-11%206a1.75%201.75%200%201%200%200-3.5a1.75%201.75%200%200%200%200%203.5%22%2F%3E%3Cpath%20d%3D%22M12.25%2014.5a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5m7.5%200a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5%22%2F%3E%3Cpath%20d%3D%22M12.373%201.332A3%203%200%200%200%2011%201a3%203%200%200%200-2.14.898A5%205%200%200%200%201.898%208.86A3%203%200%200%200%201%2011c0%20.503.124.978.343%201.395A18.6%2018.6%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.576a18.6%2018.6%200%200%200-.343-3.601c.22-.418.345-.893.345-1.398a3%203%200%200%200-.898-2.14a5%205%200%200%200-6.962-6.962A3%203%200%200%200%2021%201c-.495%200-.962.12-1.373.332A19%2019%200%200%200%2015.999%201c-1.287%200-2.496.114-3.626.332M3%2015.999c0-3.67%201.106-6.91%203.235-9.221C8.35%204.48%2011.568%203%2015.999%203s7.648%201.48%209.764%203.778c2.129%202.311%203.235%205.55%203.235%209.22s-1.106%206.91-3.235%209.222c-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%2016%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/clown-face.svg?color=%231a73e8&size=48