Иконка Croissant

hugeicons:croissant

Иконка Croissant (hugeicons:croissant) — бесплатная SVG-иконка из набора Huge Icons от Hugeicons. Она нарисована на сетке 24 × 24. Huge Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Huge Icons
Автор: Hugeicons
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.504 10.497c-.456.46-.779 1.33-1.33 3.33c-.117.423-.203.86-.163 1.297c.06.648.28 1.05.72 1.38c.468.353 1.077.44 1.664.44h1.52c1.047 0 2.146-.207 2.848-.978c.798-.877 1.005-1.85.756-2.493m.5-9.92l3.35-1.326c1.025-.405 2.257-.288 3.003.516c.363.39.594.787.665 1.306v2.063c0 1.204-.52 2.393-1.563 3.014c-.599.355-1.178.605-1.945.875M4.005 8.017c1.206-2.15 2.076-3.03 4.01-3.968c.442-.238.81-.374 1.159-.398c1.393-.095 2.141 1.546 2.708 2.808l1.008 2.243c.091.204.162.417.196.637c.157.998.003 1.499-.56 2.15l-.917.907c-.39.386-.806.774-1.332.936q-.222.068-.432.077c-.937.036-1.817-.468-2.702-.777c-1.132-.394-1.97-1.03-3.138-2.135c-.622-.985-.592-1.529 0-2.48m13.033-.472c1.177.204 1.838.323 3.007.498c.458.067.8.005 1.185-.253c.594-.399.925-1.16.693-1.836c-.227-.663-.78-1.19-1.878-1.896c-1.153-.801-1.811-1.135-3.008-1.495M2.502 17.01c.094 1.388.578 2.273 2.005 3.985c.646.661 1.117.933 1.742.999c.49.051.967-.187 1.274-.57c.378-.47.531-.857.493-1.425l-.501-2.989"/></svg>

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

React

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

<Icon icon="hugeicons:croissant" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:croissant" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:croissant" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="hugeicons:croissant"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Huge Icons →