sim card icon

sim-card-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: sim-card-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

sim-card sim-card-bold sim-card-duotone sim-card-fill sim-card-thin

The same icon in other sets

sim-cardCarbon sim-cardFont Awesome 6 Solid sim-cardFont Awesome Solid sim-cardIconPark sim-cardIconPark Outline sim-cardIconPark Solid sim-cardIconPark TwoTone sim-cardLine Awesome sim-cardMage Icons sim-cardMajesticons sim-cardMaterial Symbols sim-cardMaterial Symbols Light sim-card-fillRemix Icon sim-card-boldSolar sim-cardTDesign Icons sim-cardUnicons

Use the sim card icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m212.24 83.76l-56-56A6 6 0 0 0 152 26H56a14 14 0 0 0-14 14v176a14 14 0 0 0 14 14h144a14 14 0 0 0 14-14V88a6 6 0 0 0-1.76-4.24M202 216a2 2 0 0 1-2 2H56a2 2 0 0 1-2-2V40a2 2 0 0 1 2-2h93.52L202 90.49ZM74 120v72a6 6 0 0 0 6 6h96a6 6 0 0 0 6-6v-72a6 6 0 0 0-6-6H80a6 6 0 0 0-6 6m12 6h84v60h-20v-34a6 6 0 0 0-12 0v34h-20v-34a6 6 0 0 0-12 0v34H86Z"/></svg>

React

import type { SVGProps } from "react";

export function PhSimCardLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m212.24 83.76l-56-56A6 6 0 0 0 152 26H56a14 14 0 0 0-14 14v176a14 14 0 0 0 14 14h144a14 14 0 0 0 14-14V88a6 6 0 0 0-1.76-4.24M202 216a2 2 0 0 1-2 2H56a2 2 0 0 1-2-2V40a2 2 0 0 1 2-2h93.52L202 90.49ZM74 120v72a6 6 0 0 0 6 6h96a6 6 0 0 0 6-6v-72a6 6 0 0 0-6-6H80a6 6 0 0 0-6 6m12 6h84v60h-20v-34a6 6 0 0 0-12 0v34h-20v-34a6 6 0 0 0-12 0v34H86Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m212.24 83.76l-56-56A6 6 0 0 0 152 26H56a14 14 0 0 0-14 14v176a14 14 0 0 0 14 14h144a14 14 0 0 0 14-14V88a6 6 0 0 0-1.76-4.24M202 216a2 2 0 0 1-2 2H56a2 2 0 0 1-2-2V40a2 2 0 0 1 2-2h93.52L202 90.49ZM74 120v72a6 6 0 0 0 6 6h96a6 6 0 0 0 6-6v-72a6 6 0 0 0-6-6H80a6 6 0 0 0-6 6m12 6h84v60h-20v-34a6 6 0 0 0-12 0v34h-20v-34a6 6 0 0 0-12 0v34H86Z"/></svg>
</template>

CSS

.icon-sim-card-light {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m212.24%2083.76l-56-56A6%206%200%200%200%20152%2026H56a14%2014%200%200%200-14%2014v176a14%2014%200%200%200%2014%2014h144a14%2014%200%200%200%2014-14V88a6%206%200%200%200-1.76-4.24M202%20216a2%202%200%200%201-2%202H56a2%202%200%200%201-2-2V40a2%202%200%200%201%202-2h93.52L202%2090.49ZM74%20120v72a6%206%200%200%200%206%206h96a6%206%200%200%200%206-6v-72a6%206%200%200%200-6-6H80a6%206%200%200%200-6%206m12%206h84v60h-20v-34a6%206%200%200%200-12%200v34h-20v-34a6%206%200%200%200-12%200v34H86Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m212.24%2083.76l-56-56A6%206%200%200%200%20152%2026H56a14%2014%200%200%200-14%2014v176a14%2014%200%200%200%2014%2014h144a14%2014%200%200%200%2014-14V88a6%206%200%200%200-1.76-4.24M202%20216a2%202%200%200%201-2%202H56a2%202%200%200%201-2-2V40a2%202%200%200%201%202-2h93.52L202%2090.49ZM74%20120v72a6%206%200%200%200%206%206h96a6%206%200%200%200%206-6v-72a6%206%200%200%200-6-6H80a6%206%200%200%200-6%206m12%206h84v60h-20v-34a6%206%200%200%200-12%200v34h-20v-34a6%206%200%200%200-12%200v34H86Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/sim-card-light.svg?color=%231a73e8&size=48