Иконка Sim Cards Bold

solar:sim-cards-bold

Иконка Sim Cards Bold (solar:sim-cards-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Устройства
Теги: simcards, cardsbold, simcardsbold, card

Скачать SVG

Код SVG

<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>

Как использовать иконку Sim Cards Bold

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Sim Cards Bold

Можно ли бесплатно использовать иконку Sim Cards Bold в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Sim Cards Bold в React?

Установите @iconify/react и выведите <Icon icon="solar:sim-cards-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sim Cards Bold на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/sim-cards-bold.svg" alt="Иконка Sim Cards Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →