أيقونة Sugar

ep:sugar

أيقونة Sugar (ep:sugar) أيقونة SVG مجانية من مجموعة Element Plus. مرسومة على شبكة 1024 × 1024. تُنشر Element Plus icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Element Plus
المؤلف: Element Plus
الترخيص: MIT
الحجم: 1024 × 1024

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m801.7 349.2l4.5 4.5a128 128 0 0 1 0 181L534.7 806a128 128 0 0 1-181.1 0l-4.5-4.4l-19.4 109.7a64 64 0 0 1-108.3 34.1l-143-143a64 64 0 0 1 34.2-108.2l109.8-19.4l-4.5-4.5a128 128 0 0 1 0-181l271.4-271.5a128 128 0 0 1 181.1 0l4.5 4.4l19.4-109.5a64 64 0 0 1 108.3-34l142.6 143A64 64 0 0 1 911 330zM253 547.9h447.2v2.2l60.8-60.8a64 64 0 0 0 18.7-44.4H352.8L263 534.7a64 64 0 0 0-10.2 13.2zm0 64q4.2 7.1 10.2 13.3l135.7 135.7a64 64 0 0 0 90.5 0l149.1-149zm490-231L625.3 263.1a64 64 0 0 0-90.5 0l-118 117.8zM123.8 757.3l143 143L291 762.7a25.6 25.6 0 0 0-29.7-29.6zM757.3 124L733 261.4a25.6 25.6 0 0 0 29.6 29.7L900 267z"/></svg>

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

React

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

<Icon icon="ep:sugar" width="24" />

Vue

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

<template>
  <Icon icon="ep:sugar" width="24" />
</template>

Svelte

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

<Icon icon="ep:sugar" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="ep:sugar"></iconify-icon>

صورة HTML

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

أيقونة Sugar في مجموعات أخرى

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

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

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

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

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

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

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

تصفح كل أيقونات Element Plus →