Horseface
The horseface icon represents a horse's face, often used to symbolize a horse's expression or emotions.
Exports at 24 × 24 px
Code
Horseface in your framework
In any framework. Customize it above, and the code follows.
export const HorsefaceIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="#AF773F" d="M433.607 51.599c-.174-.544-.287-1.059-.417-1.622c-.119-.328-.321-1.233-.321-1.233l-.113-.091c-6.981-24.837-21.655-41.091-25.694-45.188c.056-.208.119-.682.119-.682s-.467.094-.686.148c-.179-.197-.507-.502-.507-.502s-.22.402-.309.595c-4.68.752-20.138 3.987-36.799 13.988l-.065-.03c-.121.099-.164.194-.291.211c-7.82 4.811-15.808 11.086-23.037 19.418c-6.888 6.769-12.668 13.583-17.531 20.304c-21.638-10.907-46.083-17.058-71.966-17.058c-25.878 0-50.318 6.149-71.951 17.052c-4.862-6.719-10.641-13.531-17.527-20.299c-7.229-8.332-15.217-14.607-23.037-19.418c-.127-.017-.17-.112-.291-.211l-.065.03c-16.661-10-32.118-13.235-36.798-13.987c-.089-.193-.309-.595-.309-.595s-.328.305-.507.502c-.219-.054-.686-.148-.686-.148s.063.474.119.682c-4.039 4.097-18.713 20.351-25.694 45.188l-.113.091s-.203.905-.321 1.233c-.13.563-.242 1.078-.417 1.622c-2.815 12.245-12.686 64.839 9.956 104.132c2.019 4.062 4.518 7.908 7.326 11.497c.072.157.165.273.224.401c.241.274.46.407.687.651a85 85 0 0 0 1.984 2.384a160 160 0 0 0-2.2 16.728c-.563 7.242-.138 14.539 1.129 21.692l32.348 182.633h252.308l32.348-182.633c1.267-7.153 1.691-14.451 1.128-21.693a160 160 0 0 0-2.201-16.726a85 85 0 0 0 1.984-2.385c.227-.244.447-.377.687-.651c.059-.128.151-.244.224-.401c2.809-3.589 5.307-7.435 7.326-11.497c22.642-39.293 12.771-91.887 9.956-104.132"/><path fill="#D19B61" d="M257.922 395.937c-7.034 0-13.169-4.85-14.998-11.848q-.352-1.344-.73-2.824c-1.107-4.668-19.035-69.981-20.788-79.151c-1.639-9.17-3.211-18.84-4.781-28.843c-3.056-20.007-5.814-41.348-8.185-62.688c-2.32-21.341-4.212-42.681-5.204-62.688c-1.028-20.007-1.259-38.68-.916-54.686c.384-16.006 1.23-29.344 2.197-38.68l.026-.279c.754-8.183 7.474-14.393 15.452-14.393h72.015c7.978 0 14.697 6.21 15.452 14.393l.026.279c.966 9.337 1.813 22.675 2.197 38.68c.343 16.006.112 34.679-.916 54.686c-.992 20.007-2.885 41.348-5.204 62.688c-2.371 21.341-5.13 42.681-8.185 62.688c-1.57 10.003-3.142 19.674-4.781 28.843c-1.753 9.17-19.681 74.482-20.788 79.151q-.378 1.48-.73 2.824c-1.829 6.998-7.964 11.848-14.998 11.848z"/><path fill="#D9DBD5" d="M382.129 392.701c.022-.632.025-.984.025-.984c0-26.256-21.285-47.541-47.541-47.541c-15.281 0-28.868 7.218-37.565 18.421c-29.975 28.288-54.468 27.142-84.726-3.115c-8.686-9.408-21.119-15.306-34.934-15.306c-26.256 0-47.541 21.285-47.541 47.541c0 0 .003.352.025.984c.028 1.365.102 2.718.243 4.052C131.93 419.262 146.068 509.571 256 509.571s124.07-90.309 125.886-112.818c.141-1.334.215-2.687.243-4.052"/><path fill="#ACADAC" d="M225.796 429.182c0 16.768-9.099 30.341-20.335 30.341c-11.239 0-20.364-13.573-20.364-30.341s9.125-30.367 20.364-30.367c11.236 0 20.335 13.599 20.335 30.367m80.771-30.367c-11.239 0-20.364 13.599-20.364 30.367s9.125 30.341 20.364 30.341c11.236 0 20.335-13.573 20.335-30.341c.001-16.768-9.099-30.367-20.335-30.367"/><path fill="#2B3B47" d="M152.369 191.974c13.901-.742 25.771 9.925 26.513 23.826l2.324 43.524c.742 13.901-9.925 25.771-23.826 26.513s-25.771-9.925-26.513-23.826l-2.324-43.524c-.742-13.901 9.925-25.771 23.826-26.513m207.262 0c-13.901-.742-25.771 9.925-26.513 23.826l-2.324 43.524c-.742 13.901 9.925 25.771 23.826 26.513s25.771-9.925 26.513-23.826l2.324-43.524c.742-13.901-9.925-25.771-23.826-26.513m-154.17 216.795c-11.239 0-20.364 13.576-20.364 30.341c0 16.819 9.125 30.393 20.364 30.393c11.236 0 20.335-13.573 20.335-30.393c0-16.765-9.099-30.341-20.335-30.341m101.106 0c-11.239 0-20.364 13.576-20.364 30.341c0 16.819 9.125 30.393 20.364 30.393c11.236 0 20.335-13.573 20.335-30.393c.001-16.765-9.099-30.341-20.335-30.341"/><path fill="#7C5028" d="M306.208 144.927c-1.085 1.617-3.626.528-3.166-1.364c2.407-9.891-10.858-24.842-27.939-34.799c-2.303 6.668-7.375 13.283-9.859 16.428c-.675.854-1.937.37-1.993-.717c-.473-9.227-9.29-26.075-21.256-26.075c-27.904 0-50.525-22.621-50.525-50.525s22.621-43.426 50.525-43.426c9.495 0 18.374 1.801 25.962 5.272c41.427 15.787 84.738 65.967 38.251 135.206M155.264 75.51c-3.93-4.314-8.202-7.637-12.395-10.217c-.073-.01-.098-.065-.168-.122l-.038.017c-9.605-5.765-18.516-7.63-21.214-8.064c-.051-.111-.178-.343-.178-.343s-.189.176-.292.289c-.126-.031-.396-.086-.396-.086s.036.273.069.393c-2.329 2.362-10.788 11.732-14.812 26.05l-.065.053s-.117.522-.185.711c-.075.325-.14.622-.24.935c-1.476 6.418-6.309 32.063 2.635 53.693c10.29-24.877 26.665-46.603 47.279-63.309m248.75 63.314c8.946-21.63 4.112-47.277 2.636-53.696c-.101-.313-.165-.61-.24-.935a9 9 0 0 1-.185-.711l-.065-.053c-4.025-14.318-12.484-23.688-14.812-26.05c.032-.12.069-.393.069-.393s-.269.055-.396.086c-.103-.114-.292-.289-.292-.289s-.127.232-.178.343c-2.698.434-11.609 2.298-21.214 8.064l-.038-.017c-.07.057-.095.112-.168.122c-4.194 2.581-8.468 5.905-12.4 10.222c20.615 16.704 36.991 38.429 47.283 63.307"/>
</svg>
);Firefox OS Emoji
More like it
Icons that share its tags, in the same style.
Search Firefox OS Emoji
Skip the copy and paste. With Pro, your AI agent finds and installs any Firefox OS Emoji icon from a prompt.
Get ProTags
Browse by tag
Horseface is tagged multicolor, expression, animal and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Firefox OS Emoji MCP, with Pro
Ask for Horseface or any of 1,034 Firefox OS Emoji 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 Horseface icon means and where it's used, then how to install, style, label and license it.
The horseface icon represents a horse's face, often used to symbolize a horse's expression or emotions. It originates from equestrian culture and is a symbol of horse behavior or personality. The horseface is an important aspect of horse communication.
In real-world applications, the horseface icon may appear in equestrian software, animal-related designs, or educational materials. For example, it could be used in an equestrian app to represent a horse's emotional state.
From a UX perspective, the horseface icon communicates a sense of emotion and expression. It helps users understand that something is related to horse behavior or personality, and it can be used to facilitate navigation and interaction with equestrian features.
Horseface is one of 1,034 icons in Firefox OS Emoji, made by Mozilla and released under Apache 2.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 HorsefaceIcon to components/icons/fxemoji-horseface.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 HorsefaceIcon 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 Horseface icon, or any of 1,034 Firefox OS Emoji icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
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 keeps its own colors in light and dark mode, so check it against both backgrounds. 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="Horseface", so screen readers say what it does.
Yes. HorsefaceIcon passes every SVG prop to the svg element, so <HorsefaceIcon 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. Apache 2.0 allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.
No visible credit is required: Apache 2.0 only asks that you keep the license notice if you ship the icons' source files. Icons installed with the shadcn CLI already start with a comment naming Firefox OS Emoji, Mozilla and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
Its tags are multicolor, expression, animal, face, mammal and equestrian. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Horseface in another set.
4.9 out of 5 from 150+ developers
Install Horseface from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro