Bad Gnome
The bad-gnome icon represents a mythical creature often associated with good luck and mischief.
Exports at 24 × 24 px
Code
Bad Gnome in your framework
In any framework. Customize it above, and the code follows.
export const BadGnomeIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" d="M310.38 45.636c-9.318-.052-18.512 2.665-28.403 5.281c-27.068 10.089-57.949 26.648-82.272 47.096c-20.38 17.133-35.754 36.84-41.664 57.297c61.478 5.096 117.748 4.42 158.254-12.21c.448-1.259.78-2.417.926-3.423c.419-2.906.137-5.268-1.6-9.012c-3.474-7.488-13.873-19.42-33.64-38.91L268.16 78.13c16.472.08 34.273 2.322 49.448-6.807c10.23 18.877 27.251 36.194 51.028 44.235l7.058 1.302l-.533 7.159c-.806 10.825 4.38 26.04 13.35 38.644c8.969 12.605 21.482 22.368 32.81 24.777c8.767 1.865 12.916.17 15.387-2.628s4.141-8.659 2.498-17.893c-1.484-8.337-6.187-18.847-13.066-27.385c-6.302-7.663-17.219-15.5-29.028-17.836c-4.992-10.67-8.123-20.97-16.092-32.236c-5.262-7.44-12.106-12.888-17.716-17.856c-5.957-5.274-11.665-8.728-19.623-9.564l-3.717-.39c-5.942-8.83-11.227-12.31-23.104-15.503a43 43 0 0 0-6.48-.513M53.597 113.335l2.465 19.068l-10.213-1.236c-5.617-.68-10.122.648-15.918 3.875c-2.373 1.321-5.01 3.154-7.72 5.053c7.12 3.343 13.025 7.624 18.753 12.152l7.527 5.951l-23.258 20.436c14.207.979 28.99.123 41.77-4.031l16.355-33.33c-2.892-13.892-7.856-19.159-14.42-22.71c-4.169-2.255-9.55-3.72-15.341-5.228m43.521 37.82l-2.52 3.532l-12.25 24.966c9.795 5.098 17.447 11.9 23.844 19.344c.793-.646 1.59-1.283 2.385-1.924l23.338-29.781c-10.205-6.51-21.295-12.156-34.797-16.137m218.526 9.285c-35.016 12.65-77.309 15.133-122.956 13.13l28.868 14.552c-2.06 6.376-5.969 13.577-8.723 16.613c-12.392 14.26-26.562 30.545-37.717 46.844c-9.15 13.37-15.92 26.67-18.467 38.067c54.092-11.71 76.69-36.082 92.766-54.782c1.282-4.105 1.217-6.976.307-7.388c-3.052-1.383-12.193-5.436-15.326-3.596c-1.36.894-3.93 3.476-8.038 6.906l-5.127-6.14l-5.128-6.141c3.347-2.796 5.685-5.486 9.505-7.996a18.7 18.7 0 0 1 3.387-1.73c1.895-17.264 17.856-27.07 38.483-34.403c6.743 8.043-1.684 23.168-10.67 38.555a21 21 0 0 1 3.798 2.906c22.958-6.055 46.58-15.033 70.184-26.547zM149.64 170.612l-27.641 35.276c16.033 9.61 34.28 15.341 54.053 17.656c5.254-6.612 10.627-13.003 15.845-19.074c-7.212-7.018-12.44-15.46-6.949-31.274c-11.592-.628-23.38-1.515-35.308-2.584M341.73 201.8c-25.157 12.563-50.668 22.56-75.722 29.33c-.572 4.388-.14 9.15-2.494 11.904c-3.357 3.921-7.17 8.302-11.616 12.897c19.098-1.767 36.55-6.013 53.059-17.555l17.486-12.227l-15.181 61.19l-2.125 1.693c-6.971 5.556-14.696 12.954-27.825 17.455c-13.128 4.502-30.973 5.99-58.976 2.256c-12.33-1.644-21.585-6.515-28.844-12.09c-11.758 4.413-25.177 8.152-40.61 10.819l-9.167 1.584l-.194-9.303c-.399-19.284 9.669-38.62 22.391-57.209c.95-1.388 1.92-2.77 2.902-4.148c-19.972-3.463-38.625-10.393-55.355-21.317c-.489.411-.991.817-1.477 1.229c-11.345 9.629-21.632 19.608-29.433 28.021c2.012-.303 4.025-.73 6.017-.933c9.312-.953 18.347-1.061 26.297 3.072l10.06 5.23l-8.302 7.725c-10.179 9.47-18.793 21.013-24.135 32.017a64.5 64.5 0 0 0-4.724 13.245c.907-.702 1.446-1.13 2.379-1.832c6.08-4.578 12.492-9.116 19.527-11.569l15.787-5.504l-5.617 15.746c-4.044 11.338-8.326 20.603-10.125 28.748c-1.081 4.895-1.305 9.342-.408 14.073l19.683-17.092l2.016 14.637c2.084 15.135 1.687 23.511 5.369 33.355l28.951-32.08l-5.347 28.072c-3.465 18.189-1.675 33.124 3.558 46.578l26.764-37.74l4.324 16.637c3.598 13.84 8.618 22.583 13.967 27.465c3.207 2.927 6.601 4.598 10.447 5.426c-.302-4.512-.218-9.194.96-13.899c1.044-4.18 3.021-8.476 6.653-11.822c3.633-3.346 8.781-5.31 14.325-5.492c7.782-.256 14.666 3.124 19.656 7.709s8.583 10.27 11.728 16.033c3.006 5.506 5.732 11.137 8.211 16.02c4.561-12.289 8.072-26.23 7.106-34.956l-1.178-10.638l10.537 1.882a55.7 55.7 0 0 1 10.7 3.024c11.467-15.501 26.687-22.646 42.558-23.375a61 61 0 0 1 7.45.117l.718.055l.695.181c4.01 1.048 7.483 2.585 10.483 4.414c2.364-21.315-.921-41.822-9.424-61.617l-4.695-10.927l11.892-.229c4.364-.084 8.706.453 12.848 1.732c-4.36-14.75-11.9-28.347-25.121-43.296l-12.623-14.272l19.027.982c7.922.41 14.675 2.606 20.89 5.762c-8.372-20.773-22.018-40.953-36.703-57.193m52.293 26.637c-3.466.013-7.346.488-11.753 1.445c8.48 14.744 15.092 30.61 18.437 46.816l1.023 4.961c4.237 2.235 7.973 5.117 11.362 8.354c10.553-9.531 21.848-15.553 33.135-19.776c-12.72-15.462-22.502-28.283-31.58-34.818c-5.545-3.991-11.085-6.486-18.303-6.92a36 36 0 0 0-2.32-.062zm-96.728 32.628c-17.441 7.915-35.582 10.498-53.586 11.512c-3.664.207-7.33.35-10.996.469c-7.27 5.534-15.712 10.973-25.637 15.951c3.73 1.828 8.02 3.173 13.373 3.887c26.564 3.541 41.743 1.874 51.674-1.531c8.947-3.068 14.31-7.772 20.922-13.159zm164.213 21.036c-14.715 4.275-28.192 10.127-40.738 22.687c-4.802 6.584-6.388 17.955-4.686 29.91c.802 5.634 2.354 11.272 4.234 16.422c.703-1.904 1.36-3.727 2.096-5.637c3.163-8.214 5.74-15.975 12.217-21.558l7.226-6.229l15.502 26.073c5.61-7.624 8.115-15.383 7.03-24.061l-1.897-15.168l27.297 14.285c-1.538-5.592-3.218-11.082-5.51-16.013c-4.543-9.776-10.533-17.097-22.771-20.711M117.619 383.3c-.573.242-1.172.505-1.816.814c-3.998 1.917-9.064 5.017-13.684 8.815c-7.746 6.368-13.519 14.13-14.25 21.6c10.643 5.345 23.6 6.574 39.8 3.036l11.972-10.783a100 100 0 0 1-1.213-12.361l-9.334 10.344l-5.555-9.291c-2.582-4.32-4.48-8.326-5.92-12.174m229.233 8.683c-10.095.192-18.547 3.52-26.334 12.18c6.737 3.32 12.26 8.251 15.714 14.633l32.069-9.824c-1.942-3.482-3.428-6.608-5.135-9.02c-2.544-3.595-5.11-6.04-11.426-7.816c-1.665-.108-3.307-.183-4.888-.153m32.63 30.3l-39.558 12.116l.756 15.854c20.111 10.811 34.371 12.924 45.674 11.973c9.267-.78 16.834-3.7 24.482-6.48c-1.872-4.972-5.795-10.144-11.402-15.667c-5.82-5.731-13.041-11.528-19.952-17.797zm-299.336 6.275c-16.44 4.695-23.595 9.8-28.923 15.449c-3.604 3.82-6.604 8.496-10.537 13.633c11.417 4.481 24.194 7.892 36.373 8.588c14.967.854 28.494-2.2 38.918-11.319l4.505-19.974c-14.946 1.66-28.56-.35-40.336-6.377"/>
</svg>
);Game Icons
More like it
Icons that share its tags, in the same style.
Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.
Get ProTags
Browse by tag
Bad Gnome is tagged icon, symbol, game and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Bad Gnome or any of 4,123 Game Icons 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.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- 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 Bad Gnome icon means and where it's used, then how to install, style, label and license it.
The bad-gnome icon represents a mythical creature often associated with good luck and mischief. It symbolizes the whimsical and fantastical nature of gnomes in folklore.
The bad-gnome icon can be used in various fantasy-related applications, such as games, fantasy novels, and mythical creature-themed merchandise.
From a UX perspective, the bad-gnome icon effectively communicates a sense of playfulness and fantasy, engaging users and adding a touch of whimsy to interfaces.
Bad Gnome is one of 4,123 icons in Game Icons, made by GameIcons and released under CC BY 3.0. It is drawn on a 512 × 512 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds BadGnomeIcon to components/icons/game-icons-bad-gnome.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed BadGnomeIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Bad Gnome icon, or any of 4,123 Game Icons icons, and install it from a prompt.
It's drawn in currentColor, so it takes the text color wherever you use it: a class like text-primary recolors it. To bake a color in, set one in Customize before you copy.
Set width and height on the component, or a class like size-6. It's drawn on a 512 × 512 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It follows the text color, so with text-foreground (or any theme token) it changes with your light and dark themes. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Bad Gnome", so screen readers say what it does.
Yes. BadGnomeIcon passes every SVG prop to the svg element, so <BadGnomeIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes, with credit: CC BY 3.0 asks you to credit the author (GameIcons) where you use the icons. The full terms are in the license, linked on this page.
Yes. CC BY 3.0 asks you to credit the author where you use the icons, for example "Icons by GameIcons, CC BY 3.0" on an about or credits page.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are icon, symbol, game, fantasy, creature and mythical. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Bad Gnome in another set.
4.9 out of 5 from 150+ developers
Install Bad Gnome from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro