Иконка Windchimes

game-icons:windchimes

Иконка Windchimes (game-icons:windchimes) — бесплатная 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
Теги: windchime

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 22.82c-14.8 0-27 12.08-27 26.97c0 14.9 12.2 26.99 27 26.99c14.9 0 27-12.09 27-26.99c0-14.89-12.1-26.97-27-26.97m0 17.22c5.4 0 9.8 4.37 9.8 9.75c0 5.39-4.4 9.77-9.8 9.77c-5.3 0-9.8-4.38-9.8-9.77c0-5.38 4.5-9.75 9.8-9.75M177 101c-4.1 0-7.7 3-8.5 7.1l-1.7 10.7l-18.8 8.5c-3.6 1.8-5.7 5.8-4.8 9.8c.9 3.9 4.4 6.7 8.4 6.7h208.9c4 0 7.5-2.8 8.3-6.7c1-4-1.1-8-4.7-9.8l-18.8-8.5l-1.8-10.7c-.7-4.1-4.3-7.1-8.4-7.1zm69.2 61l-23.6.2l1 229.8l23.8-.2zm68.7 1.9l-6.8 198.5l25.2 1.2l6.8-198.6zm-114.7.1l-25.2.9l6.3 255.7l25.2-1l-3.4-137.5c-7.3-3.4-12.3-10.7-12.4-19.2c-.3-8.4 4.5-15.7 11.4-19.3zm68 .1l-.6 75.9l25.2-.4l.6-75zm31.2 90.5l-41.9.7l.1 12.9l41.3-.7zm-87.4 1.5c-3.6.1-6.4 3-6.3 6.6c0 3.5 3 6.4 6.5 6.3h.1l-.1-12.9zm80.5 26.6l-25.2.4l-.4 48.4l25.2.5zm-20.2 132.9c-.3 0-.8.1-1.1.1c-2.8.4-5.1 1.9-6.7 4.1l-22.4 30.7c-1.7 2.2-2.3 4.9-1.9 7.6c.5 2.8 1.9 5.2 4.2 6.8l30.5 22.2c2.3 1.7 5 2.4 7.7 2c2.8-.4 5.2-2 6.8-4.1c6.2-8.7 16-22.1 22.3-30.7c1.6-2.2 2.3-5 1.9-7.7c-.4-2.6-1.9-5.1-4.1-6.8l-30.6-22.2c-1.9-1.4-4.3-2-6.6-2"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Game Icons →