Skip to content

Node Sass

The Node-Sass icon represents the popular Node.js module that provides a binding to the C++ implementation of the Sass compiler, enabling developers to compile Sass files to CSS.

Add shadcn.io to your AI agent. · Pro It installs Node Sass, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 21 × 24 px

Node Sass icon from SVG Logos
Get Pro

2,063 in SVG LogosCC0 license (opens in a new tab)Free to copy and download

Code

Node Sass in your framework

In any framework. Customize it above, and the code follows.

export const NodeSassIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 256 293" {...props}>
    <path fill="#8CC84B" d="M78.67 179.029c-4.65 2.907-11.656 7.619-17.076 12.743c-8.898 8.403-10.76 20.059-6.066 22.782c4.342 2.517 14.479-.478 21.734-8.392c7.614-8.308 10.754-18.84 7.511-30.796c-.381.227-.755.455-1.122.667l.008.017l-.492.278c-1.893 1.13-3.44 2.063-4.497 2.7m130.671-3.773c-2.634 5.725-2.766 7.566-1.966 8.14c3.822-1.373 10.145-4.682 10.195-13.55c.008-1.328-.285-2.752-.755-4.242c-4.086 3.618-6.441 7.406-7.474 9.652m41.01-17.306c-10.21-1.19-18.177.242-24.36 2.818c1.145 2.98 2.025 6.083 2.149 9.21c.287 6.863-4.437 11.942-9.36 15.569c-2.875 2.114-5.934 3.523-8.502 4.374c-2.053.865-4.782 1.76-6.719 1.365c-4.27-.868-6.543-4.66-3.638-13.028c1.569-4.528 6.095-11.42 13.401-17.358c-1.665-3.428-3.521-6.92-4.467-10.13c-1.864-6.326-2.427-10.15-2.427-10.15s-6.022 12.486-13.791 23.84c-.448.66-.895 1.306-1.343 1.951c1.526 3.547 2.728 7.297 2.891 11.077c.286 6.863-2.685 12.052-7.615 15.67c-2.669 1.968-5.516 3.327-7.959 4.192c-1.562.681-4.739 1.804-9.257 2.106c-2.471.169-4.848.016-6.175-.99c-1.827-1.38-2.047-3.084-1.101-5.41c.8-1.976 6.785-8.808 11.803-14.79a124 124 0 0 0 3.887-4.903l-.029-.066s.909-1.173 2.384-3.221c-1.834-3.95-4.159-8.06-5.252-11.788c-1.864-6.327-2.428-10.151-2.428-10.151s-6.104 15.649-12.463 28.14c-4.921 9.676-8.208 15.539-9.689 18.108l-.015.103s-.221.375-.602.962l-.285.476l-.008-.044c-1.651 2.438-5.355 7.214-9.037 7.214c-10.108 0-6.397-20.529-6.397-20.529s-2.955 7.605-6.286 14.13c-2.713 5.32-5.185 9.828-10.591 9.828c-1.555 0-4.02-.044-6.067-1.99c-4.643-4.411-8.193-15.612-7.497-24.287c.594-7.376 1.731-12.486 3.286-16.748a337 337 0 0 0-9.242 5.219l-5.018 2.957l.162.294c4.151 8.03 5.259 25.623-3.793 39.128c-9.051 13.511-25.9 21.732-42.316 17.167c-5.297-1.475-13.299-12.433-6.397-27.707c6.088-13.47 30.419-26.203 36.831-29.381l1.76-.97c-12.784-11.185-44.708-26.275-49.182-49.454c-1.262-6.525 1.797-22.13 20.956-40.067c16.115-15.083 38.532-26.637 59.24-33.999c34.79-12.366 71.548-5.071 77.203 17.11c5.56 21.814-13.364 47.907-37.6 57.287c-21.639 8.374-39.53 7.046-46.88 4.632c-8.355-2.745-13.255-8.258-14.45-11.37c-.47-1.219-1.278-3.266 0-3.97c.784-.434 1.099-.33 3.197 1.989c1.996 2.202 10.02 8.11 25.263 6.4c40-4.484 64.095-35.583 56.481-52.318c-5.332-11.715-36.162-17-74.68 2.209c-47.019 23.442-49.571 42.768-49.974 50.108c-1.101 20.192 24.902 30.813 38.972 45.829l.542.595c2.633-1.453 5.414-2.987 8.142-4.484a8176 8176 0 0 1 16.901-9.258c4.952-7.197 15-15.14 22.255-15.14c11.597 0 7.614 16.668 7.614 16.668s.235-.762.55-.77c.33-.008 1.607-2.196 5.187-.89c3.682 1.352 2.845 3.936 2.868 4.2c.044.512-4.35 15.331-6.176 24.837c-.874 4.536-.368 7.84-.11 7.84c.359 0 1.093-1.154 1.775-2.393l-.015-.037s.513-.94 1.372-2.627l.169-.353l.007.016a214 214 0 0 0 4.078-8.507c3.22-7.097 15.506-34.497 16.548-37.528s1.584-6.166 2.098-7.51c.506-1.343 4.849-2.356 9.924-2.319c5.076.037 5.591 2.203 5.626 2.65c.037.447-2.413 6.46-2.978 10.709c-.557 4.25-.021 6.37.441 9.938c.301 2.333 1.76 5.292 3.485 8.645c5.252-8.588 14.493-25.013 15.381-29.615c.608-3.148 1.584-6.165 2.098-7.51c.513-1.343 4.849-2.355 9.924-2.318c5.076.037 5.589 2.201 5.626 2.65s-2.421 6.459-2.978 10.709c-.558 4.242-.021 6.37.44 9.938c.397 3.052 2.758 7.155 5.099 11.822c6.388-3.148 13.907-5.261 22.71-5.305c3.645-.022 7.878.344 10.064 1.026V80.055c0-4.954-2.539-9.52-6.829-11.993L134.616 1.856a13.78 13.78 0 0 0-13.812 0L6.573 68.029C2.289 70.505 0 75.077 0 80.023v132.47c0 4.946 2.303 9.519 6.58 11.992l114.415 66.225a13.65 13.65 0 0 0 13.76 0l114.467-66.226c4.283-2.48 6.778-7.047 6.778-11.992v-53.536c-1.453-.428-3.58-.765-5.649-1.006m-123.232-6.937c-2.457 2.751-6.645 9.849-8.604 15.789c-3.895 11.793-2.208 23.78.55 24.5c3.22.843 8.502-14.922 11.031-21.088c1.585-3.862 7.747-20.999 6.397-23.288c-1.054-1.791-5.42-.345-9.374 4.087m44.563 39.751s-.777.736-.441.94c.455.272 1.438-.08 2.509-.639c3.03-1.906 9.829-6.663 9.844-13.702c0-.206-.008-.404-.022-.617a276 276 0 0 1-4.284 5.475c-2.142 2.665-7.606 8.543-7.606 8.543"/>
  </svg>
);

SVG Logos

Icons that share its tags, in the same style.

  • Nim Lang icon from SVG Logos
  • Postcss icon from SVG Logos
  • Swc icon from SVG Logos
  • Adobe Dreamweaver icon from SVG Logos
  • Autoprefixer icon from SVG Logos
  • Babel icon from SVG Logos
  • Bem icon from SVG Logos
  • Bem  2 icon from SVG Logos
  • Brunch icon from SVG Logos
  • Bulma icon from SVG Logos
  • Haxe icon from SVG Logos
  • Haxl icon from SVG Logos
  • Jss icon from SVG Logos
  • Less icon from SVG Logos
  • Materializecss icon from SVG Logos
  • Pandacss icon from SVG Logos
  • Pandacss Icon icon from SVG Logos
  • Sass icon from SVG Logos
  • Sass Doc icon from SVG Logos
  • Stylis icon from SVG Logos
  • Stylus icon from SVG Logos
  • Susy icon from SVG Logos
  • Svelte icon from SVG Logos
  • Svelte Kit icon from SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Tags

Browse by tag

Node Sass is tagged performance, CSS and compiler. Related tags follow; each opens its icons from every library.

Pricing

SVG Logos MCP, with Pro

Ask for Node Sass or any of 2,063 SVG Logos 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.

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 popular

For 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 Node Sass icon means and where it's used, then how to install, style and license it.

Install Node Sass from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro