Иконка Croissant

game-icons:croissant

Иконка Croissant (game-icons:croissant) — бесплатная 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="M256 99.633c-37.26 0-74.595 11.18-119.844 33.328c1.565 57.322 29.767 114.884 57.942 145.362C211.383 271.182 233.625 268 256 268s44.617 3.18 61.902 10.322c28.175-30.478 56.377-88.04 57.942-145.36C330.594 110.813 293.26 99.63 256 99.63zm-134.422 54.135c-25.185 6.602-40.16 20.58-49.844 40.697c-5.602 34.042-.223 57 10.98 74.916c10.892 17.424 27.93 30.347 47.21 42.335c10.962-1.166 21.316-2.24 30.152-5.563c8.206-3.086 15.32-8.034 21.715-17.27c-27.815-30.238-53.7-80.825-60.212-135.114zm268.844 0c-6.513 54.29-32.397 104.876-60.213 135.115c6.393 9.235 13.508 14.183 21.714 17.27c8.836 3.322 19.19 4.396 30.152 5.562c19.28-11.988 36.318-24.91 47.21-42.334c11.203-17.915 16.582-40.873 10.98-74.915c-9.684-20.118-24.66-34.095-49.844-40.697zM54.33 234.014C36.35 260.292 24 289.6 24 320c0 21.623 1.848 42.626 6.418 58.707c4.57 16.08 11.55 26.322 20.512 29.85c13.776 4.573 33.902-22.085 45.773-41.323c3.23-6.184 6.993-13.896 10.555-21.39a1143 1143 0 0 0 10.545-22.787c-18.77-11.952-36.496-25.745-48.657-45.194c-7.68-12.283-12.92-26.732-14.816-43.85zm403.34 0c-1.897 17.117-7.137 31.566-14.816 43.85c-12.16 19.448-29.886 33.24-48.657 45.193c1.837 4.084 5.25 11.642 10.545 22.787c3.562 7.494 7.326 15.206 10.555 21.39c7.403 14.066 26.39 45.016 45.773 41.323c8.96-3.528 15.942-13.77 20.512-29.85S488 341.623 488 320c0-30.4-12.35-59.708-30.33-85.986"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Game Icons →