أيقونة Sugar Alt Outline

healthicons:sugar-alt-outline

أيقونة Sugar Alt Outline (healthicons:sugar-alt-outline) أيقونة SVG مجانية من مجموعة Health Icons من تصميم Resolve to Save Lives. مرسومة على شبكة 48 × 48. تُنشر Health Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Health Icons
المؤلف: Resolve to Save Lives
الترخيص: MIT
الحجم: 48 × 48
الفئة: التغذية
الوسوم: sugaralt، altoutline، sugaraltoutline، sugar alt2x outline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M43.993 17.883a1 1 0 0 1-.876 1.11c-8.512 1.002-14.91 1.974-20.233 8.632c-1.4 1.75-2.465 3.033-3.346 3.958c-.88.924-1.632 1.553-2.422 1.942c-.814.4-1.587.506-2.423.523a27 27 0 0 1-1.313-.019h-.014A51 51 0 0 0 11.795 34c-2.897 0-4.857-1.793-6.034-3.412a13 13 0 0 1-1.704-3.254l-.006-.019l-.002-.006v-.002S4.047 27.305 5 27l-.952.305A1 1 0 0 1 5 26h16.628c5.825-7.017 12.914-8.012 21.255-8.993a1 1 0 0 1 1.11.876M20.006 28H6.517c.221.431.507.923.863 1.412C8.383 30.793 9.82 32 11.795 32c.617 0 1.155.016 1.623.03h.018c.479.014.868.025 1.217.018c.678-.013 1.127-.094 1.58-.317c.478-.236 1.04-.669 1.856-1.527c.536-.562 1.157-1.28 1.917-2.204" clip-rule="evenodd"/><path d="M5 22h2v2H5zm8 0h2v2h-2zm-3-.414L11.414 23L10 24.414L8.586 23zm8 0L19.414 23L18 24.414L16.586 23zM11 18h2v2h-2zm-3-.414L9.414 19L8 20.414L6.586 19zm4-4L13.414 15L12 16.414L10.586 15zm4 4L17.414 19L16 20.414L14.586 19z"/></g></svg>

كيفية استخدام أيقونة Sugar Alt Outline

React

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

<Icon icon="healthicons:sugar-alt-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:sugar-alt-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:sugar-alt-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--sugar-alt-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:sugar-alt-outline"></div>

مكوّن ويب

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

<iconify-icon icon="healthicons:sugar-alt-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/healthicons/sugar-alt-outline.svg" alt="أيقونة Sugar Alt Outline" width="24" height="24">

أيقونات ذات صلة في Health Icons

الأسئلة الشائعة حول أيقونة Sugar Alt Outline

هل أيقونة Sugar Alt Outline مجانية للاستخدام التجاري؟

نعم. تُنشر Health Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Sugar Alt Outline في React؟

ثبّت @iconify/react واعرض <Icon icon="healthicons:sugar-alt-outline" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Sugar Alt Outline إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/healthicons/sugar-alt-outline.svg" alt="أيقونة Sugar Alt Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Health Icons →