Skip to content
shadcn.io

Elf

The elf icon represents a mythological creature known as an elf, often depicted as a small, mischievous being with pointed ears.

Add shadcn.io to your AI agent. · Pro It installs Elf, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Elf icon from OpenMoji
Get Pro

4,481 in OpenMojiCC BY-SA 4.0 license (opens in a new tab)Free to copy and download

Code

Elf in your framework

In any framework. Customize it above, and the code follows.

export const ElfIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 72 72" fill="none" stroke="currentColor" {...props}>
    <path fill="#b1cc33" d="M54.956 60.932s2-14.027-10-14.027c-3.192 2.128-5.926 3.598-9 3.592h.125c-3.073.006-5.808-1.464-9-3.592c-12 0-10 14.026-10 14.026Z"/><path fill="#5c9e31" d="M45.342 46.905a18 18 0 0 1-8.937 3.588c13.062.412 12.977 6.395 13.74 10.395h5.113s2.084-13.983-9.916-13.983"/><path fill="#6a462f" d="M18.09 52.064v-9.565h7.085v3.564"/><path fill="#a57939" d="M48.001 60.958c-18.499-5.135-20.92-14.053-20.92-14.053s-4.2.204-5.677 1.353c3.116 6.43 5.934 9.55 14.104 12.681"/><g fill="#fcea2b"><path d="M38.122 20.79a9.4 9.4 0 0 1-2.18-5.053c-.028 0-.055-.005-.083-.005a8.27 8.27 0 0 1-1.98 5.059a10.88 10.88 0 0 1-8.794 4.708a17.4 17.4 0 0 0-.565 4.406c0 7.827 5.076 14.173 11.338 14.173s11.339-6.346 11.339-14.174a17.4 17.4 0 0 0-.626-4.61a9.75 9.75 0 0 1-8.45-4.503"/><path d="m46.574 24.71l11.45-1.636s-6.268 9.849-10.494 8.799m-22.066-7.182l-11.318-1.617s6.19 9.735 10.367 8.697"/></g><path fill="#f4aa41" d="M35.86 11.884A15.35 15.35 0 0 0 20.722 24.73c8.826 3.057 13.156-3.939 13.156-3.939a8.27 8.27 0 0 0 1.98-5.059h.083a9.4 9.4 0 0 0 2.18 5.06s3.413 6.46 12.872 3.93A15.35 15.35 0 0 0 35.86 11.883m1.616 32.625l-5.195-.645l-4.21-2.617l-3.413-6.106l-.38-2.844l-2.351-.418l-2.91-2.263v12.553l6.158.33v4.597l1.906-.19c3.17 2.113 5.89 3.574 8.938 3.588c3.048-.014 5.767-1.475 8.937-3.588a9.7 9.7 0 0 1 6.554 2.135a12.9 12.9 0 0 0 .661-4.108c0-16.656-.27-14.326-.27-14.326l-2.326 1.425l-2.2.266l-1.29 4.892l-3.603 4.968Z"/><path d="M42.019 28.544a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-8 0a2 2 0 1 1-2-2a2 2 0 0 1 2 2m2 10.002a7.65 7.65 0 0 1-3.447-.858a1 1 0 0 1 .894-1.789a5.38 5.38 0 0 0 5.106 0a1 1 0 1 1 .894 1.79a7.65 7.65 0 0 1-3.447.857"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M50.966 24.105C46.493 10.485 36.02 11.884 36.02 11.884S25.666 10.5 21.15 23.87"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M26.839 21.539a6.55 6.55 0 0 0 6.097 1.535m12.263-1.535a6.55 6.55 0 0 1-6.098 1.535"/><circle cx="36.019" cy="22.105" r="1.5"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="m25.464 24.691l-11.318-1.617s6.19 9.735 10.367 8.697m11.506-16.039a20.5 20.5 0 0 1-3.08 5.059m13.635 3.919l11.45-1.636s-6.268 9.849-10.494 8.799M36.019 15.732a20.5 20.5 0 0 0 3.08 5.059m12.119 10.197v13.503M18.09 52.064v-9.565h7.085v3.564m-5.151-3.603v-4.743m3.372 4.782v-3.442"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M54.956 59.905s2-13-10-13c-3.192 2.128-5.926 3.598-9 3.592h.125c-3.073.006-5.808-1.464-9-3.592c-12 0-10 13-10 13m9.361-35.403l-.983.23a17.3 17.3 0 0 0-.779 5.173c0 7.827 5.077 14.173 11.339 14.173s11.338-6.346 11.338-14.173a17.3 17.3 0 0 0-.779-5.174l-.812-.324"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="m46.574 24.71l11.45-1.636s-6.268 9.849-10.494 8.799m-27.581-1.585v3.169m27.949 26.504C29.4 54.826 27.081 46.905 27.081 46.905s-4.2.204-5.677 1.353c3.116 6.43 5.69 8.64 13.86 11.77"/>
  </svg>
);

Other libraries

Elf in 2 more libraries

Each library draws it its own way. Open one to compare.

  • Elf icon from Web3 Icons
  • Elf icon from Cryptocurrency Icons

OpenMoji

More like it

Icons that share its tags, in the same style.

All 4,481 icons
  • Elf Dark Skin Tone icon from OpenMoji
  • Elf Medium Dark Skin Tone icon from OpenMoji
  • Elf Medium Skin Tone icon from OpenMoji
  • Troll icon from OpenMoji
  • Woman Elf icon from OpenMoji
  • Woman Elf Dark Skin Tone icon from OpenMoji
  • Woman Elf Medium Dark Skin Tone icon from OpenMoji
  • Dragon icon from OpenMoji
  • Fairy icon from OpenMoji
  • Fairy Dark Skin Tone icon from OpenMoji
  • Fairy Medium Dark Skin Tone icon from OpenMoji
  • Fairy Medium Skin Tone icon from OpenMoji
  • Mermaid icon from OpenMoji
  • Mermaid Dark Skin Tone icon from OpenMoji
  • Mermaid Medium Dark Skin Tone icon from OpenMoji
  • Mermaid Medium Skin Tone icon from OpenMoji
  • Merman icon from OpenMoji
  • Ogre icon from OpenMoji
  • T Rex icon from OpenMoji
  • Unicorn icon from OpenMoji
  • Crossed Swords icon from OpenMoji
  • Dragon Face icon from OpenMoji
  • Flying Saucer icon from OpenMoji
  • Genie icon from OpenMoji

Search OpenMoji

Skip the copy and paste. With Pro, your AI agent finds and installs any OpenMoji icon from a prompt.

Get Pro

Tags

Browse by tag

Elf is tagged adventure, fantasy, mythology and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

OpenMoji MCP, with Pro

Ask for Elf or any of 4,481 OpenMoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Elf icon means and where it's used, then how to install, style and license it.

Install Elf from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro