ICONYZ
Türkçe
Fluent UI MDL2 setinden Calories ikonu

Calories ikonu

fluent-mdl2:calories

Calories ikonu (fluent-mdl2:calories), Fluent UI MDL2 setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 2048 × 2048 ızgara üzerinde çizilmiştir. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
Fluent UI MDL2
Yazar
Microsoft Corporation
Lisans
MIT
Boyut
2048 × 2048
Etiketler
calory
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1280 64q0 179 66 330t190 278t190 278t66 330q0 106-27 204t-78 183t-120 156t-155 120t-184 77t-204 28t-204-27t-183-78t-156-120t-120-155t-77-184t-28-204q0-84 18-165t52-155t84-141t113-121q7 38 19 78t28 80t38 76t46 67q20 25 52 25q27 0 45-19t19-46q0-11-3-20t-10-18q-28-41-49-81t-37-82t-23-87t-8-95q0-119 45-224t124-183T992 46t224-46h64zm-256 1856q133 0 249-50t204-137t137-203t50-250q0-151-56-281t-162-236q-130-131-204-289t-88-342q-83 11-153 50t-123 99t-81 135t-29 160q0 78 23 141t68 126q19 26 29 54t11 62q0 40-15 75t-42 61t-61 42t-75 15q-46 0-81-17t-62-46t-48-65t-40-72q-46 73-68 157t-23 171q0 133 50 249t137 204t203 137t250 50"/></svg>

Calories ikonu nasıl kullanılır

React

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

<Icon icon="fluent-mdl2:calories" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:calories" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:calories" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--calories]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:calories"></div>

Web bileşeni

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

<iconify-icon icon="fluent-mdl2:calories"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/calories.svg" alt="Calories ikonu" width="24" height="24">

Fluent UI MDL2 setindeki benzer ikonlar

Diğer ikon setlerinde Calories ikonu

Calories ikonu: sık sorulan sorular

Calories ikonu ticari kullanım için ücretsiz mi?

Evet. Fluent UI MDL2 icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Calories ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="fluent-mdl2:calories" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Calories ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/calories.svg" alt="Calories ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Fluent UI MDL2 ikonları →