Sim Cards Bold icon

solar:sim-cards-bold

The Sim Cards Bold icon (solar:sim-cards-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Devices
Tags: simcards, cardsbold, simcardsbold, card

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.8283 16.8284C21.9999 15.6569 21.9999 13.7712 21.9999 10C21.9999 8.9746 21.5894 7.99369 20.8644 7.26862L16.7313 3.13555C16.0062 2.41048 15.0253 2 13.9999 2C10.2287 2 8.34306 2 7.17149 3.17157C6.79366 3.5494 6.53768 4.00149 6.36426 4.56714C7.37102 4.49992 8.54966 4.49995 9.89585 4.5L9.99985 4.5C11.4272 4.5 12.7885 5.07147 13.7919 6.07489L17.925 10.208C18.9284 11.2114 19.4998 12.5726 19.4998 14L19.4999 14.104C19.4999 15.4502 19.4999 16.6289 19.4327 17.6357C19.9984 17.4623 20.4505 17.2063 20.8283 16.8284Z"/><path fill-rule="evenodd" d="M10 22C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14C2 10.2288 2 8.34315 3.17157 7.17157C4.34315 6 6.22876 6 10 6C11.0254 6 12.0063 6.41048 12.7314 7.13555L16.8644 11.2686C17.5895 11.9937 18 12.9746 18 14C18 17.7712 18 19.6569 16.8284 20.8284C15.6569 22 13.7712 22 10 22ZM7.29289 18.7071C7.58579 19 8.05719 19 9 19H9.5V14H9C8.05719 14 7.58579 14 7.29289 14.2929C7 14.5858 7 15.0572 7 16V17C7 17.9428 7 18.4142 7.29289 18.7071ZM12.7071 18.7071C12.4142 19 11.9428 19 11 19H10.5V17H13C13 17.9428 13 18.4142 12.7071 18.7071ZM11 14C11.9428 14 12.4142 14 12.7071 14.2929C13 14.5858 13 15.0572 13 16H10.5V14H11Z" clip-rule="evenodd"/></g></svg>

How to use the Sim Cards Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:sim-cards-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:sim-cards-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:sim-cards-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--sim-cards-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:sim-cards-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:sim-cards-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/sim-cards-bold.svg" alt="Sim Cards Bold icon" width="24" height="24">

Related icons in Solar

Sim Cards Bold icon FAQ

Is the Sim Cards Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Sim Cards Bold icon in React?

Install @iconify/react and render <Icon icon="solar:sim-cards-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sim Cards Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/sim-cards-bold.svg" alt="Sim Cards Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →