ICONYZ
Русский
Иконка Cannister из набора Game Icons

Иконка Cannister

game-icons:cannister

Иконка Cannister (game-icons:cannister) — бесплатная 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
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M336.438 20.375c-.93-.01-1.855.01-2.782.03c-23.67.532-46.656 11.083-62.437 29.907l143.06 82.594c13.666-37.527-1.125-80.59-36.905-101.25c-12.925-7.463-27.007-11.128-40.938-11.28zm-88.72 37.97l-9.812 17l44.22 25.53c10.07 5.815 16.038 16.205 19.374 27s4.395 22.475-1.375 32.47l-47.063 81.53c-5.4 9.354-14.777 15.994-25.53 19.313s-23.383 3.12-34.47-3.282l-45.437-26.22L79.187 350.22l168.875 97.53l23.094-40l-45.906-26.594l-8.063-4.687l4.657-8.064L336.72 168.75l4.655-8.125l8.125 4.72l46.125 26.718l20.938-36.25l-168.844-97.47zm-74.343 1.03l-9.344 16.188l17.095 9.874l-52.906 91.72l-17.126-9.876l-9.344 16.19l17.125 9.874l-.063.125l83.594 48.25c5.86 3.38 12.94 3.655 19.625 1.593c6.686-2.063 12.448-6.63 14.845-10.782L283.938 151c1.39-2.408 2.03-10.11-.282-17.594c-2.313-7.484-7.217-14.232-10.875-16.344l-16.467-9.5l.125-.218l-83.063-47.97zm45.375 54.094a29.4 29.4 0 0 1 14.656 3.968c14.163 8.176 18.958 26.024 10.78 40.187c-8.176 14.163-26.02 18.928-40.186 10.75c-14.163-8.177-18.958-25.993-10.78-40.156c5.11-8.853 14.003-14.04 23.405-14.69a30 30 0 0 1 2.125-.06zm-52.156 51.624c2.72.05 5.505.8 8.125 2.312c7.982 4.61 10.583 14.204 6.28 21.656c-4.303 7.454-13.92 10.017-21.906 5.407c-7.984-4.61-10.553-14.205-6.25-21.657c2.69-4.658 7.452-7.41 12.594-7.688c.385-.02.767-.038 1.156-.03zm181.656 21.094L242.687 369.625l41.125 23.844l105.563-183.44l-41.125-23.843zm-137.313 4.5c2.727.05 5.537.8 8.157 2.312c7.983 4.61 10.553 14.204 6.25 21.656c-4.303 7.453-13.89 10.017-21.875 5.406c-7.976-4.604-10.565-14.175-6.282-21.625v-.03c2.69-4.66 7.45-7.41 12.593-7.688c.387-.022.768-.04 1.157-.032zM83.313 374.217c-17.224 38.714-2.76 84.968 34.75 106.626c37.522 21.664 84.817 11.05 109.72-23.25L83.31 374.22z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="game-icons:cannister"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Game Icons →