Skip to content

S D Card

The s-d-card icon represents a card or a panel in a user interface.

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

Set up MCP

Exports at 24 × 24 px

S D Card icon from Fluent UI MDL2
Get Pro

1,735 in Fluent UI MDL2MIT license (opens in a new tab)Free to copy and download

Code

S D Card in your framework

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

export const SDCardIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 2048 2048" {...props}>
    <path fill="currentColor" d="M1792 352v1568q0 27-10 50t-27 40t-41 28t-50 10H384q-27 0-50-10t-40-27t-28-41t-10-50v-512l128-128V928L256 768V128q0-27 10-50t27-40t41-28t50-10h1056zm-128 53l-277-277H384v595l128 160v450q-31 33-63 64t-65 64v459h1280zM640 256h128v384H640zm256 0h128v384H896zm256 0h128v384h-128z"/>
  </svg>
);

Fluent UI MDL2

Icons that share its tags, in the same style.

  • Rugby icon from Fluent UI MDL2
  • Running icon from Fluent UI MDL2
  • Rust Language Logo icon from Fluent UI MDL2
  • Sad icon from Fluent UI MDL2
  • Save icon from Fluent UI MDL2
  • S I P Move icon from Fluent UI MDL2
  • S Q L Analytics Pool icon from Fluent UI MDL2
  • S V N Logo icon from Fluent UI MDL2
  • Double Chevron Up  12 icon from Fluent UI MDL2
  • Double Chevron Up  8 icon from Fluent UI MDL2
  • Double Down Arrow icon from Fluent UI MDL2
  • Down icon from Fluent UI MDL2
  • Gift Card icon from Fluent UI MDL2
  • Tab icon from Fluent UI MDL2
  • Branch Commit icon from Fluent UI MDL2
  • Branch Compare icon from Fluent UI MDL2
  • Branch Fork icon from Fluent UI MDL2
  • Branch Fork  2 icon from Fluent UI MDL2
  • Branch Locked icon from Fluent UI MDL2
  • Branch Merge icon from Fluent UI MDL2
  • Branch Pull Request icon from Fluent UI MDL2
  • Branch Search icon from Fluent UI MDL2
  • Branch Shelveset icon from Fluent UI MDL2
  • Double Column icon from Fluent UI MDL2

Search Fluent UI MDL2

Skip the copy and paste. With Pro, your AI agent finds and installs any Fluent UI MDL2 icon from a prompt.

Get Pro

Tags

Browse by tag

S D Card is tagged UI, interface, icon and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Fluent UI MDL2 MCP, with Pro

Ask for S D Card or any of 1,735 Fluent UI MDL2 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 S D Card icon means and where it's used, then how to install, style and license it.

Install S D Card from a prompt

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

Get Pro