Иконка Supercell

thesvg:supercell

Иконка Supercell (thesvg:supercell) — бесплатная SVG-иконка из набора theSVG от thesvg.org. Она нарисована на сетке 24 × 24. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG
Автор: thesvg.org
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.997 21.76H0v-1.583h.673v-3.01H0v-1.592h6.997l.68.747v2.14H5.759v-1.296H3.134v.927h1.132v1.15H3.134v.934h2.624v-1.296h1.92v2.14zm0-6.68H0V13.5h.673v-3.01H0V8.896h6.997l.68.747v2.14H5.759v-1.296H3.134v.927h1.132v1.149H3.134v.934h2.624v-1.295h1.92v2.14zm-.51-6.65h-4.29l-.507-.54l-.451.542H0V6.545h1.73v.534h3.232v-.903H1.116L0 5.15V3.625l1.28-1.378h3.854l.509.542l.45-.542h1.24v1.887H5.6V3.6H2.674v.902h3.748l1.263 1.19v1.443zm16.83 13.33H16.31v-1.584h.672v-3.01h-.672v-1.592h3.805v1.592h-.672v3.01h2.636v-1.997h1.92v2.842zm-8.157 0H8.153v-1.583h.673v-3.01h-.673v-1.592h3.806v1.592h-.673v3.01h2.636V18.18h1.92v2.842zm7.452-6.68h-4.676l-1.615-1.581v-3.02l1.616-1.584h3.684l.459.575l.45-.575H24V11.5h-1.92v-1.02h-3.24v3.02h3.24v-1.04h1.919v1.27zM21.555 3.829h-2.1v1.083h2.1zm1.476 2.157h-3.576v.853h.673v1.584h-3.806V6.839h.672v-3.01h-.672v-1.59h6.595l1.082 1.082v1.698zm-7.772-2.15v3.233l-1.37 1.362h-3.69L8.836 7.069V3.837h-.673V2.246h3.724v1.59h-.59v3.01h2.083v-3.01h-.509v-1.59h2.97v1.59zm-2.562 6.65h-1.41v1.026h1.41zm.681 4.593l-.68-.68V12.47h-1.412v1.025h.5v1.583H8.154v-1.583h.673v-3.01h-.673v-1.59h6.078l1.026 1.025v1.28l-.911.68l.91.69v1.148h.575v1.361z"/></svg>

Как использовать иконку Supercell

React

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

<Icon icon="thesvg:supercell" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:supercell" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:supercell" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--supercell]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:supercell"></div>

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

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

<iconify-icon icon="thesvg:supercell"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg/supercell.svg" alt="Иконка Supercell" width="24" height="24">

Иконка Supercell в других наборах

Вопросы и ответы: Иконка Supercell

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

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

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

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

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

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

Все Иконки theSVG →