Where is the Bsd Light icon used?

The BSD Light icon appears in software development tools and platforms, such as coding environments and operating systems. It is often used to represent operating systems, software development, and server management.

What does the Bsd Light icon tell users?

From a UX perspective, the BSD Light icon communicates a sense of professionalism, stability, and technical expertise. It helps users understand that the functionality or interface is related to software development, operating systems, and server management.

Can I download the Bsd Light icon as SVG or PNG?

Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.

How do I install the Bsd Light icon with the shadcn CLI?

Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds the icon to components/icons/skill-icons-bsd-light.tsx.

How do I use the Bsd Light icon in Next.js or React?

Copy it as React (from Get icon, or the Code section): a typed BsdLightIcon component you paste into your project, with no package to install. It works in Next.js and any React app.

How do I use the Bsd Light icon in Vue, Svelte or Angular?

Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside.

Can my AI agent install it for me?

With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Bsd Light icon, or any of 397 Skill Icons icons, and install it from a prompt.

Can I use the Bsd Light icon in commercial projects?

Yes. MIT allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.

Is the Bsd Light icon free?

Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.

How do I change the color of the Bsd Light icon?

It's multicolor, so it keeps its own colors.

How do I change the size of the Bsd Light icon?

Set width and height on the component, or a class like size-6. It's drawn on a 256 × 256 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.

How do I make the Bsd Light icon accessible?

Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Bsd Light", so screen readers say what it does.

Bsd Light

The BSD Light icon represents the BSD operating system, a Unix-like operating system used for software development and server management.

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

Set up MCP

Exports at 24 × 24 px

Get Pro

397 in Skill Icons MIT license (opens in a new tab)Free to copy and download

Code

Bsd Light in your framework

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

export const BsdLightIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 256 256" fill="none" stroke="currentColor" {...props}>
    <g fill="none"><rect width="256" height="256" fill="#F4F2ED" rx="60"/><path fill="#D10000" d="M146.655 161.923c4.529 40.492 43.018 41.586 59.998 45.964c49.809 9.849 24.905 28.454 4.528 28.454l1.132 3.283l-43.017 1.095l35.093-19.699l3.396 8.755c5.66 2.188 43.017-10.944-16.98-16.416c-24.905-4.378-40.754-9.85-49.81-20.793l-30.565 17.51c-7.924-17.51-31.696-24.077-21.508-47.059"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M146.655 161.923c4.529 40.492 43.018 41.586 59.998 45.964c49.809 9.849 24.905 28.454 4.528 28.454l1.132 3.283l-43.017 1.095l35.093-19.699l3.396 8.755c5.66 2.188 43.017-10.944-16.98-16.416c-24.905-4.378-40.754-9.85-49.81-20.793l-30.565 17.51c-7.924-17.51-31.696-24.077-21.508-47.059"/><path fill="gold" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M139.863 185.999c2.264 1.095 5.66-3.283 4.528-5.472l-82.638-59.096c0-3.283 7.924-9.85-3.396-18.605l1.132-2.189l-14.716-6.566c2.264 4.378 4.528 5.472 6.792 13.133l4.528-2.189c4.528 5.472 4.528 9.849 0 12.038l-7.924-5.472c0-1.094 1.132-2.189 1.132-3.283c0 0-1.132-1.094-4.528-1.094c-2.264 0-6.793-4.378-10.189-4.378c0 3.283 5.66 8.755 5.66 14.227l3.397-2.189c3.396 1.095 5.66 3.284 7.924 6.567c-3.396 4.377-7.924 6.566-16.98 2.188c0-2.188 2.263-3.283 2.263-5.471c-4.528 0-10.188-3.284-15.848-6.567c2.264 7.661 9.056 16.416 15.848 18.605c11.32 4.377 15.849-3.283 21.509-3.283z"/><path fill="#D10000" d="m108.166 114.864l-33.96-40.492c2.263-5.472 1.132-13.132 0-16.416c-5.66-18.057 6.792-26.265 18.112-35.02c9.056-6.566 13.584-7.66 15.848-6.566c2.264 2.188-9.056 8.755-11.32 16.415c0 0-2.264 12.039 5.66 6.567c6.792-3.283 15.849-5.472 26.037-3.283c7.924 1.094 20.377 5.472 28.301 14.227c23.772-4.378 10.188-18.605 7.924-27.36c7.924-6.566 49.243 33.926-1.132 60.191c0 15.322-3.396 25.171-13.584 33.926c-12.453 9.85-4.529 14.227-2.264 20.793c5.66 18.605 3.396 30.643-19.245 33.926c-15.848 2.189-18.113 8.755-30.565 0"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="m108.166 114.864l-33.96-40.492c2.263-5.472 1.132-13.132 0-16.416c-5.66-18.057 6.792-26.265 18.112-35.02c9.056-6.566 13.584-7.66 15.848-6.566c2.264 2.188-9.056 8.755-11.32 16.415c0 0-2.264 12.039 5.66 6.567c6.792-3.283 15.849-5.472 26.037-3.283c7.924 1.094 20.377 5.472 28.301 14.227c23.772-4.378 10.188-18.605 7.924-27.36c7.924-6.566 49.243 33.926-1.132 60.191c0 15.322-3.396 25.171-13.584 33.926c-12.453 9.85-4.529 14.227-2.264 20.793c5.66 18.605 3.396 30.643-19.245 33.926c-15.848 2.189-18.113 8.755-30.565 0"/><path fill="#D10000" d="M102.506 49.201c1.132-4.377-10.188-12.038-22.64 10.944c-1.132 3.283-5.66 12.038-5.66 12.038c-1.133 4.378-2.265 9.85-4.529 12.039c-11.32 10.944-5.66 25.17 9.057 30.642c3.396 1.095 13.584 8.755 20.376 12.039c3.396 2.188 0 9.849-5.66 8.755c-30.565-6.567-31.697 14.227-19.245 17.51l44.15-2.189"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M102.506 49.201c1.132-4.377-10.188-12.038-22.64 10.944c-1.132 3.283-5.66 12.038-5.66 12.038c-1.133 4.378-2.265 9.85-4.529 12.039c-11.32 10.944-5.66 25.17 9.057 30.642c3.396 1.095 13.584 8.755 20.376 12.039c3.396 2.188 0 9.849-5.66 8.755c-30.565-6.567-31.697 14.227-19.245 17.51l44.15-2.189m-9.057-102.872c4.528-4.378 12.453-4.378 15.849 2.189c1.132 2.188 1.132 4.377 2.264 5.471"/><path fill="#D10000" d="M76.47 107.204c5.66 1.094 5.66 4.377 12.452 9.849c11.32 8.755 24.905 1.094 28.301-1.094c4.528-2.189 4.528-5.472 9.056-3.283"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.67" d="M76.47 107.204c5.66 1.094 5.66 4.377 12.452 9.849c11.32 8.755 24.905 1.094 28.301-1.094c4.528-2.189 4.528-5.472 9.056-3.283"/><path fill="#D10000" d="M91.186 91.882c-13.584-7.66-16.98 4.378-11.32 9.85c1.132 1.094 4.528 1.094 6.792 2.189s3.396-3.284 9.056-.548c4.528 2.736 6.792-2.736 2.264-4.924"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M91.186 91.882c-13.584-7.66-16.98 4.378-11.32 9.85c1.132 1.094 4.528 1.094 6.792 2.189s3.396-3.284 9.056-.548c4.528 2.736 6.792-2.736 2.264-4.924"/><path fill="#fff" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M99.11 54.673c0-3.283-6.792-5.472-14.716 6.567c-9.056 14.227-7.925 21.887-3.396 25.17c3.396 2.19 6.792 1.095 10.188-8.755c2.264-5.472 7.924-19.699 7.924-22.982"/><path fill="#fff" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M112.694 53.579c11.321-2.189 10.189 38.303-7.924 39.398c-20.376 1.094-6.792-36.115 7.924-39.398"/><path fill="#000" d="M107.034 73.278c5.66 4.377-1.132 21.887-9.056 15.32c-5.66-5.471 2.264-20.792 9.056-15.32M87.79 71.089c5.66 4.377-3.396 18.604-6.792 12.038c-3.397-4.377 0-16.416 6.792-12.038"/><path fill="#fff" d="M84.394 72.183c1.132 0 1.132 6.566 0 6.566c-3.397 0-2.264-6.566 0-6.566m18.112 4.377c1.132 0 1.132 4.378-1.132 4.378c-1.132 0-2.264-4.377 1.132-4.377"/><path fill="#D10000" d="M104.77 171.772c-5.66 0-9.056 1.095-15.848-6.566Z"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M104.77 171.772c-5.66 0-9.056 1.095-15.848-6.566"/><path fill="#D10000" d="M99.11 165.206c-29.433 2.189-6.792-38.304 15.849-20.793c4.528 3.283 9.056 4.377 15.848 2.188"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M99.11 165.206c-29.433 2.189-6.792-38.304 15.849-20.793c4.528 3.283 9.056 4.377 15.848 2.188"/><path fill="#D10000" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M94.582 145.507c3.396 5.472-7.924 14.227-14.716 8.755c-6.793-5.472 11.32-13.132 14.716-8.755"/><path fill="#D10000" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M87.79 134.563c-26.037-3.283-24.905 15.322-13.585 18.605c12.453 3.283 26.037-14.227 13.585-18.605"/><path fill="#D10000" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M80.998 140.035c1.132 7.661-15.849 12.038-19.245 1.094c-2.264-7.66 16.98-18.604 19.245-1.094"/><path fill="#D10000" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M84.394 124.714c6.792 8.755-10.189 13.132-14.717 7.66c-9.056-9.849 9.057-14.227 14.717-7.66"/><path fill="#00B000" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M60.621 206.793c14.717-1.095 39.621-1.095 32.829-12.039c-2.264-3.283-1.132-5.471-1.132-7.66c2.264 8.755 20.377 3.283 19.244 14.227l-21.508 28.454z"/><path fill="#00B000" d="M126.279 195.849c4.528-2.189 9.056 0 13.584-3.283c7.924 7.66 7.924 18.604 10.188 20.793l-38.489 15.321l-24.904-12.038c11.32-13.133 23.772-7.661 24.904-15.321c2.264-13.133 9.057-9.85 14.717-4.378c0 0 1.132 10.944-2.264 10.944c-7.924 1.094-24.905 7.661-24.905 7.661"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M126.279 195.849c4.528-2.189 9.056 0 13.584-3.283c7.924 7.66 7.924 18.604 10.188 20.793l-38.489 15.321l-24.904-12.038c11.32-13.133 23.772-7.661 24.904-15.321c2.264-13.133 9.057-9.85 14.717-4.378c0 0 1.132 10.944-2.264 10.944c-7.924 1.094-24.905 7.661-24.905 7.661"/><path fill="#fff" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M41.377 212.265c2.264-3.283 33.96-12.039 33.96 1.094l-19.244 9.85z"/><path fill="#F4FFF4" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M142.127 203.51c0 7.66-6.792 6.566-7.924 3.283c-2.264-7.661 7.924-8.755 7.924-3.283"/><path fill="#fff" d="M67.413 223.208c-28.3 3.284-28.3-4.377-28.3-4.377c0-5.472 0-5.472 2.264-6.566c3.396 4.377 22.64 6.566 31.696 2.188"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M67.413 223.208c-28.3 3.284-28.3-4.377-28.3-4.377c0-5.472 0-5.472 2.264-6.566c3.396 4.377 22.64 6.566 31.696 2.188"/><path fill="#fff" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M108.167 224.303c0-19.699-32.83-17.51-39.622-5.472l14.717 10.944z"/><path fill="#fff" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="M148.92 212.265c2.264-1.095 1.132 3.283 1.132 7.66c-22.641 14.227-70.186 15.322-82.639 5.472c0-4.377 0-5.472 1.132-7.661c6.793 10.944 71.318 6.567 80.375-5.471"/><path fill="#D10000" d="m95.714 199.132l11.32 1.094zm-2.264 3.283l11.32 2.189zm-5.66 2.189l9.056 2.189zm-9.056 2.189l13.584 2.189zm33.961-6.567l13.584 1.095zm-1.132 3.284l13.584 2.188zm-4.529 3.283l7.925 1.094zm-6.792 2.189l9.056 1.094Z"/><path stroke="#0FF" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.113" d="m100.242 208.982l9.056 1.094m-13.584-10.944l11.32 1.094zm-2.264 3.283l11.32 2.189zm-5.66 2.189l9.056 2.189zm-9.056 2.189l13.584 2.189zm33.961-6.567l13.584 1.095zm-1.132 3.284l13.584 2.188zm-4.529 3.283l7.925 1.094z"/></g>
  </svg>
);

Other libraries

Bsd Light in 2 more libraries

Each library draws it its own way. Open one to compare.

Skill Icons

Icons that share its tags, in the same style.

All 397 icons

Search Skill Icons

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

Get Pro

Browse by tag

Bsd Light is tagged development, software, technology and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Skill Icons MCP, with Pro

Ask for Bsd Light or any of 397 Skill 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.

See full pricing

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

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

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

Install Bsd Light from a prompt

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

Get Pro

Bsd Light

Bsd Light in your framework

Bsd Light in 2 more libraries

More like it

Browse by tag

Skill Icons MCP, with Pro

Individual

Team

Organization

Individual

Team

Organization

Frequently asked questions

What does the Bsd Light icon mean?

Where is the Bsd Light icon used?

What does the Bsd Light icon tell users?

How do I install the Bsd Light icon with the shadcn CLI?

How do I use the Bsd Light icon in Next.js or React?

How do I use the Bsd Light icon in Vue, Svelte or Angular?

Can my AI agent install it for me?

How do I change the color of the Bsd Light icon?

How do I change the size of the Bsd Light icon?

How do I make the Bsd Light icon accessible?

Can I download the Bsd Light icon as SVG or PNG?

Can I use the Bsd Light icon in commercial projects?

Is the Bsd Light icon free?

Install Bsd Light from a prompt