Guide icon
ep:guide
The Guide icon (ep:guide) is a free SVG icon from the Element Plus set. It is drawn on a 1024 × 1024 grid. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Element Plus
- Author
- Element Plus
- License
- MIT
- Size
- 1024 × 1024
SVG code
<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>How to use the Guide icon
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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:guide"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ep/guide.svg" alt="Guide icon" width="24" height="24">Guide icon FAQ
Is the Guide icon free for commercial use?
Yes. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Guide icon in React?
Install @iconify/react and render <Icon icon="ep:guide" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Guide icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ep/guide.svg" alt="Guide icon">, or paste the SVG code inline to style it with CSS.