Hips
The Hips icon represents a stylized shape often used in design and illustration.
Add shadcn.io to your AI agent. · Pro It installs Hips, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 30 × 24 px
460 in Font Awesome 5 BrandsCC BY 4.0 license (opens in a new tab)Free to copy and download
Code
Hips in your framework
In any framework. Customize it above, and the code follows.
export const HipsIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" viewBox="0 0 640 512" {...props}>
<path fill="currentColor" d="M251.6 157.6c0-1.9-.9-2.8-2.8-2.8h-40.9c-1.6 0-2.7 1.4-2.7 2.8v201.8c0 1.4 1.1 2.8 2.7 2.8h40.9c1.9 0 2.8-.9 2.8-2.8zM156.5 168c-16.1-11.8-36.3-17.9-60.3-18c-18.1-.1-34.6 3.7-49.8 11.4V80.2c0-1.8-.9-2.7-2.8-2.7H2.7Q0 77.5 0 80.2v279.2c0 1.9.9 2.8 2.7 2.8h41c1.9 0 2.8-.9 2.8-2.8V223.3c0-.8-2.8-27 45.8-27c48.5 0 45.8 26.1 45.8 27v122.6c0 9 7.3 16.3 16.4 16.3h27.3c1.8 0 2.7-.9 2.7-2.8V223.3c0-23.4-9.3-41.8-28-55.3m478.4 110.1c-6.8-15.7-18.4-27-34.9-34.1l-57.6-25.3c-8.6-3.6-9.2-11.2-2.6-16.1c7.4-5.5 44.3-13.9 84 6.8c1.7 1 4-.3 4-2.4v-44.7c0-1.3-.6-2.1-1.9-2.6c-17.7-6.6-36.1-9.9-55.1-9.9c-26.5 0-45.3 5.8-58.5 15.4c-.5.4-28.4 20-22.7 53.7c3.4 19.6 15.8 34.2 37.2 43.6l53.6 23.5c11.6 5.1 15.2 13.3 12.2 21.2c-3.7 9.1-13.2 13.6-36.5 13.6c-24.3 0-44.7-8.9-58.4-19.1c-2.1-1.4-4.4.2-4.4 2.3v34.4c0 10.4 4.9 17.3 14.6 20.7c15.6 5.5 31.6 8.2 48.2 8.2c12.7 0 25.8-1.2 36.3-4.3c.7-.3 36-8.9 45.6-45.8c3.5-13.5 2.4-26.5-3.1-39.1M376.2 149.8c-31.7 0-104.2 20.1-104.2 103.5v183.5c0 .8.6 2.7 2.7 2.7h40.9c1.9 0 2.8-.9 2.8-2.7V348c16.5 12.7 35.8 19.1 57.7 19.1c60.5 0 108.7-48.5 108.7-108.7c.1-60.3-48.2-108.6-108.6-108.6m0 170.9c-17.2 0-31.9-6.1-44-18.2c-12.2-12.2-18.2-26.8-18.2-44c0-34.5 27.6-62.2 62.2-62.2c34.5 0 62.2 27.6 62.2 62.2c.1 34.3-27.3 62.2-62.2 62.2M228.3 72.5c-15.9 0-28.8 12.9-28.9 28.9c0 15.6 12.7 28.9 28.9 28.9s28.9-13.1 28.9-28.9c0-16.2-13-28.9-28.9-28.9"/>
</svg>
);Other libraries
Hips in 3 more libraries
Each library draws it its own way. Open one to compare.
Font Awesome 5 Brands
More like it
Icons that share its tags, in the same style.
Search Font Awesome 5 Brands
Skip the copy and paste. With Pro, your AI agent finds and installs any Font Awesome 5 Brands icon from a prompt.
Get ProTags
Browse by tag
Hips is tagged design, shape, art and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Font Awesome 5 Brands MCP, with Pro
Ask for Hips or any of 460 Font Awesome 5 Brands 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.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
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 popularFor 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 Hips icon means and where it's used, then how to install, style and license it.
Install Hips from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.