Jsfiddle
The JSFiddle icon represents the popular online code editor and testing platform for JavaScript, HTML, and CSS.
Add shadcn.io to your AI agent. · Pro It installs Jsfiddle, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 27 × 24 px
460 in Font Awesome 5 BrandsCC BY 4.0 license (opens in a new tab)Free to copy and download
Code
Jsfiddle in your framework
In any framework. Customize it above, and the code follows.
export const JsfiddleIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="24" viewBox="0 0 576 512" {...props}>
<path fill="currentColor" d="M510.634 237.462c-4.727-2.621-5.664-5.748-6.381-10.776c-2.352-16.488-3.539-33.619-9.097-49.095c-35.895-99.957-153.99-143.386-246.849-91.646c-27.37 15.25-48.971 36.369-65.493 63.903c-3.184-1.508-5.458-2.71-7.824-3.686c-30.102-12.421-59.049-10.121-85.331 9.167c-25.531 18.737-36.422 44.548-32.676 76.408c.355 3.025-1.967 7.621-4.514 9.545c-39.712 29.992-56.031 78.065-41.902 124.615c13.831 45.569 57.514 79.796 105.608 81.433c30.291 1.031 60.637.546 90.959.539c84.041-.021 168.09.531 252.12-.48c52.664-.634 96.108-36.873 108.212-87.293c11.54-48.074-11.144-97.3-56.832-122.634m21.107 156.88c-18.23 22.432-42.343 35.253-71.28 35.65c-56.874.781-113.767.23-170.652.23c0 .7-163.028.159-163.728.154c-43.861-.332-76.739-19.766-95.175-59.995c-18.902-41.245-4.004-90.848 34.186-116.106c9.182-6.073 12.505-11.566 10.096-23.136c-5.49-26.361 4.453-47.956 26.42-62.981c22.987-15.723 47.422-16.146 72.034-3.083c10.269 5.45 14.607 11.564 22.198-2.527c14.222-26.399 34.557-46.727 60.671-61.294c97.46-54.366 228.37 7.568 230.24 132.697c.122 8.15 2.412 12.428 9.848 15.894c57.56 26.829 74.456 96.122 35.142 144.497m-87.789-80.499c-5.848 31.157-34.622 55.096-66.666 55.095c-16.953-.001-32.058-6.545-44.079-17.705c-27.697-25.713-71.141-74.98-95.937-93.387c-20.056-14.888-41.99-12.333-60.272 3.782c-49.996 44.071 15.859 121.775 67.063 77.188c4.548-3.96 7.84-9.543 12.744-12.844c8.184-5.509 20.766-.884 13.168 10.622c-17.358 26.284-49.33 38.197-78.863 29.301c-28.897-8.704-48.84-35.968-48.626-70.179c1.225-22.485 12.364-43.06 35.414-55.965c22.575-12.638 46.369-13.146 66.991 2.474C295.68 280.7 320.467 323.97 352.185 343.47c24.558 15.099 54.254 7.363 68.823-17.506c28.83-49.209-34.592-105.016-78.868-63.46c-3.989 3.744-6.917 8.932-11.41 11.72c-10.975 6.811-17.333-4.113-12.809-10.353c20.703-28.554 50.464-40.44 83.271-28.214c31.429 11.714 49.108 44.366 42.76 78.186"/>
</svg>
);Other libraries
Jsfiddle in 8 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
Jsfiddle is tagged development, technology, programming and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Font Awesome 5 Brands MCP, with Pro
Ask for Jsfiddle 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 Jsfiddle icon means and where it's used, then how to install, style and license it.
Install Jsfiddle from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.