Facepalm icon

Use it

import { FacepalmIcon } from '@nodo-icons/react';

<FacepalmIcon size={24} />

<script setup>
import { FacepalmIcon } from '@nodo-icons/vue';
</script>

<template><FacepalmIcon :size="24" /></template>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7.01 7.51c.73-1.11 1.73-2.02 2.91-2.64M11.62 4.23c.6-.15 1.23-.23 1.88-.23 4.28 0 7.75 3.47 7.75 7.75s-3.47 7.75-7.75 7.75c-3.31 0-6.13-2.07-7.24-4.99"/><path d="M7.08 8.28L10.17 4.58A1.25 1.25 0 0 1 11.94 4.43A1.25 1.25 0 0 1 12.09 6.19L13.01 5.09A1.25 1.25 0 0 1 14.77 4.94A1.25 1.25 0 0 1 14.92 6.7L14.58 7.11A1.25 1.25 0 0 1 16.34 6.96A1.25 1.25 0 0 1 16.49 8.72L15.46 9.95A1.25 1.25 0 0 1 17.22 9.8A1.25 1.25 0 0 1 17.38 11.56L14.05 15.52A4.29 4.29 0 0 1 8.01 16.05L6.64 14.9C5.55 13.99 4.88 11.87 4.79 10.8L4.48 7.25A1.25 1.25 0 0 1 5.61 5.89A1.25 1.25 0 0 1 6.97 7.03Z"/><path d="M15.25 17a2.5 2.5 0 0 1 3.25-.75"/><circle cx="17.75" cy="11" r="0.75"/><line x1="12.09" y1="6.19" x2="9.45" y2="9.33"/><line x1="14.58" y1="7.11" x2="11.36" y2="10.94"/><line x1="15.46" y1="9.95" x2="13.28" y2="12.55"/></svg>

# .npmrc — your license key in the NODO_LICENSE_KEY env variable
@nodo-icons:registry=https://nodoicons.com/npm/
//nodoicons.com/npm/:_authToken=${NODO_LICENSE_KEY}

npm install @nodo-icons/react-pro

import { FacepalmIcon } from '@nodo-icons/react-pro/duotone';

<FacepalmIcon size={24} />

npm install @nodo-icons/react · Pro: setup with your license key · AI agents: npx @nodo-icons/mcp