Squid
The squid icon represents a type of marine animal, often used to convey a sense of aquatic life and seafood.
Add shadcn.io to your AI agent. · Pro It installs Squid, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
4,123 in Game IconsCC BY 3.0 license (opens in a new tab)Free to copy and download
Code
Squid in your framework
In any framework. Customize it above, and the code follows.
export const SquidIcon = (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="M164.938 17.75c-36.9 0-67.808 13.327-87.25 35.72c-19.443 22.39-26.84 53.717-18.094 86.936c12.483 47.41 52.983 87.193 101.97 106.094c-25.22 53.827-58.776 79.275-98.19 92.5c-14.152 4.75-29.16 7.51-44.968 9.344v39.72c19.494-2.063 38.53-5.417 57.22-11.69c30.89-10.366 60.143-28.824 84.686-56.655C147.02 347.054 128.52 366.127 106 381.06c-24.47 16.228-54.913 26.55-87.594 35.032v41.47c38.716-9.353 76.84-21.375 109.78-43.22c26.63-17.657 49.378-41.933 65.44-74.188c-5.82 28.94-18.692 51.403-36.22 71.25C127.1 445.72 81.19 470.908 31.844 495.5h81.187c27.27-16.283 53.196-34.642 74.157-58.375c21.367-24.192 36.472-54.302 43.813-89.938c2.06 29.717-3.918 55.56-15.78 79.407c-12.01 24.142-30.68 46.758-51.97 68.906h53.156c13.015-15.78 24.68-32.362 33.844-50.78c14.697-29.544 22.452-63.005 19.875-100.47c10.333 29.14 11.232 56.334 5.844 82.938c-4.6 22.708-14.103 45.424-26.283 68.312h43.782c9.15-19.343 16.782-39.746 21.03-60.72c6.61-32.635 4.795-67.342-8.156-103.374c18.333 25.69 25.718 52.313 27.437 80c1.65 26.562-3.43 54.81-11.092 84.094h40.875c6.458-28.407 9.99-57.38 8.187-86.406c-1.99-32.092-12.224-64.124-32.125-94.625c22.522 19.726 36.464 41.804 44.97 67.155c11.287 33.638 13.1 72.467 11.686 113.875h39.126c1.56-42.954.168-85.584-13.437-126.125c-10.368-30.892-28.826-60.144-56.658-84.688c28.04 13.043 47.46 32.228 62.5 54.907c26.903 40.57 38.726 96.28 50.22 154.156c.12.602.475 1.148.593 1.75h14.594V391.562c-8.194-26.055-18.84-50.918-33.876-73.593c-28.706-43.29-74.346-76.243-144.25-88.19l-10.344-.968a91 91 0 0 0 5.906-6.187c19.443-22.392 26.84-53.75 18.094-86.97C311.256 69.218 238.735 17.75 164.937 17.75zM291.53 157.938a11.6 11.6 0 0 1 2.5.125c4.36.682 8.38 3.794 11.408 9.906c3.028 6.11 4.5 14.89 3.03 24.28s-5.56 17.295-10.312 22.188s-9.548 6.62-13.906 5.937s-8.377-3.795-11.406-9.906c-3.03-6.113-4.502-14.893-3.03-24.282c1.47-9.39 5.56-17.295 10.31-22.188c3.565-3.67 7.155-5.54 10.563-5.97c.284-.035.563-.075.844-.093zm-101.06 10.5c17.527 0 31.53 14.002 31.53 31.53c0 17.53-14.003 31.532-31.53 31.532c-17.53 0-31.564-14.003-31.564-31.53c0-17.53 14.034-31.532 31.563-31.532z"/>
</svg>
);Other libraries
Squid in 4 more libraries
Each library draws it its own way. Open one to compare.
Game Icons
More like it
Icons that share its tags, in the same style.
Search Game Icons
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
Squid is tagged UI, interface, object and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Squid 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.
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 Squid icon means and where it's used, then how to install, style and license it.
Install Squid from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.