Иконка Energy Shield

game-icons:energy-shield

Иконка Energy Shield (game-icons:energy-shield) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Game Icons
Автор: GameIcons
Лицензия: CC-BY-3.0
Размер: 512 × 512
Теги: energyshield

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M255.31 17.707C210.816 17.31 166 23.734 127.038 36.57l-6.42 2.116v60.978l-76.463 41.822l1.54 6.866c25.895 115.578 95.61 228.743 205.44 333.564l6.473 6.178l6.452-6.2C370.945 379.166 438.893 267.838 463.43 152.12l1.388-6.552l-77.142-45.82V42.072l-6-2.3c-37.692-14.448-81.87-21.668-126.365-22.065zM244.8 36.77v63.642l-52.33 30.5l-53.163-30.644v-47.89c5.96-1.814 12.082-3.46 18.318-4.964a36 36 0 0 0-2.473 13.133c0 19.957 16.18 36.135 36.137 36.135c19.956 0 36.134-16.178 36.134-36.135a35.98 35.98 0 0 0-7.983-22.643a428 428 0 0 1 25.36-1.133zm18.69.12c8.22.235 16.405.72 24.514 1.438a35.98 35.98 0 0 0-7.65 22.22c0 19.956 16.18 36.134 36.136 36.134s36.137-16.178 36.137-36.135c0-3.88-.62-7.61-1.75-11.113c6.194 1.72 12.248 3.607 18.11 5.683v45.264l-52.454 30.237l-53.043-30.912zm88.828 94.67a39 39 0 0 0-6.41 21.47c0 21.642 17.546 39.19 39.19 39.19s39.19-17.548 39.19-39.19c0-3.705-.527-7.284-1.487-10.68l20.82 12.365c-10.61 46.76-28.647 92.954-53.91 138.265v-48.597l-63.11-36.78v-61.216l25.718-14.826zm-194.37 1.024l24.76 14.273v61.454l-61.894 36.073v44.388c-25.66-45.406-44.112-91.46-55.2-137.72l22.382-12.24a39 39 0 0 0-2.672 14.22c0 21.642 17.546 39.19 39.19 39.19s39.19-17.548 39.19-39.19a39 39 0 0 0-5.755-20.446zm65.234 2.06a36 36 0 0 0-3.48 15.48c0 19.956 16.18 36.134 36.136 36.134s36.137-16.178 36.137-36.135c0-4.878-.973-9.528-2.725-13.773l17.844 10.398v62.04l-51.832 30.208l-53.666-31.277v-60.495zM161.436 242.34a36.5 36.5 0 0 0-3.313 15.22c0 20.238 16.407 36.645 36.645 36.645c20.237 0 36.644-16.407 36.644-36.644c0-4.21-.717-8.25-2.023-12.013l16.428 9.576v56.035L188 344.814v41.61c-17.932-22.006-34.1-44.252-48.498-66.682v-64.62zm123.822.806a36.5 36.5 0 0 0-2.95 14.415c0 20.238 16.407 36.645 36.645 36.645s36.645-16.407 36.645-36.644c0-4.487-.81-8.784-2.286-12.757l17.71 10.32v69.123c-14.053 22.063-29.835 43.898-47.333 65.463v-44.896l-58.983-34.332v-55.36l20.55-11.976zm-57.56 100.184a32.94 32.94 0 0 0-3.91 15.608c0 18.27 14.813 33.082 33.083 33.082s33.083-14.812 33.083-33.082a32.9 32.9 0 0 0-3.074-13.924L305 355.56v56.323c-14.762 16.9-30.56 33.627-47.44 50.158c-18.152-17.645-35.098-35.5-50.873-53.526V355.56l21.012-12.23z"/></svg>

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

React

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

<Icon icon="game-icons:energy-shield" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:energy-shield" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:energy-shield" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--energy-shield]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:energy-shield"></div>

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

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

<iconify-icon icon="game-icons:energy-shield"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/game-icons/energy-shield.svg" alt="Иконка Energy Shield" width="24" height="24">

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

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

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

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

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

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

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

Все Game Icons →