أيقونة Guide

ep:guide

أيقونة Guide (ep:guide) أيقونة 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="M640 608h-64V416h64zm0 160v160a32 32 0 0 1-32 32H416a32 32 0 0 1-32-32V768h64v128h128V768zM384 608V416h64v192zm256-352h-64V128H448v128h-64V96a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32z"/><path fill="currentColor" d="m220.8 256l-71.2 80l71.1 80H768V256zm-14.4-64H800a32 32 0 0 1 32 32v224a32 32 0 0 1-32 32H206.4a32 32 0 0 1-24-10.8L83 357.2a32 32 0 0 1 0-42.4l99.6-112a32 32 0 0 1 23.9-10.8m678.8 496L814 768H266.8V608H814zm-56.8-144H235a32 32 0 0 0-32 32v224a32 32 0 0 0 32 32h593.6a32 32 0 0 0 24-10.8l99.5-112a32 32 0 0 0 0-42.4l-99.6-112a32 32 0 0 0-24-10.8"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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