Ios Heart Outline
The ios-heart-outline icon represents a heart outline, commonly used to indicate a love or like action.
Add shadcn.io to your AI agent. · Pro It installs Ios Heart Outline, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
2,361 in IonIconsMIT license (opens in a new tab)Free to copy and download
Code
Ios Heart Outline in your framework
In any framework. Customize it above, and the code follows.
export const IosHeartOutlineIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path d="M359.385 80C319.966 80 277.171 97.599 256 132.8 234.83 97.599 192.034 80 152.615 80 83.647 80 32 123.238 32 195.779c0 31.288 12.562 71.924 40.923 105.657 28.359 33.735 45.229 51.7 100.153 88C228 425.738 256 432 256 432s28-6.262 82.924-42.564c54.923-36.3 71.794-54.265 100.153-88C467.438 267.703 480 227.067 480 195.779 480 123.238 428.353 80 359.385 80zm67.445 211.141c-26.852 31.94-42.18 48.895-96.729 84.947-40.237 26.596-65.252 36.301-74.102 39.233-8.85-2.933-33.864-12.639-74.102-39.233-54.548-36.052-69.876-53.006-96.729-84.948-12.065-14.351-21.857-31.274-28.316-48.943C51.062 226.355 48 210.304 48 195.779c0-30.284 10.131-55.643 29.297-73.335 9.14-8.437 20.158-14.992 32.752-19.484 12.945-4.619 27.266-6.96 42.566-6.96 38.018 0 73.217 17.682 89.674 45.046L256 163.844l13.711-22.798C286.169 113.682 321.368 96 359.385 96c15.3 0 29.621 2.341 42.566 6.959 12.594 4.493 23.612 11.048 32.752 19.484C453.869 140.136 464 165.495 464 195.779c0 14.525-3.062 30.576-8.854 46.418-6.458 17.668-16.25 34.592-28.316 48.944z" fill="currentColor"/>
</svg>
);IonIcons
More like it
Icons that share its tags, in the same style.
Search IonIcons
Skip the copy and paste. With Pro, your AI agent finds and installs any IonIcons icon from a prompt.
Get ProTags
Browse by tag
Ios Heart Outline is tagged UI, interface, design and 3 more. Related tags follow; each opens its icons from every library.
Pricing
IonIcons MCP, with Pro
Ask for Ios Heart Outline or any of 2,361 IonIcons 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 Ios Heart Outline icon means and where it's used, then how to install, style and license it.
Install Ios Heart Outline from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.