Guidenai icon
thesvg-color:guidenai
The Guidenai icon (thesvg-color:guidenai) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 384 × 384 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 384 × 384
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="384" viewBox="0 0 384 384"><path fill="#ff751f" d="M351.629 137.355L246.489 32.22c-30.177-30.176-79.106-30.176-109.29 0L32.066 137.355c-30.175 30.176-30.175 79.102 0 109.29L137.203 351.78c30.18 30.176 79.11 30.176 109.293 0l105.137-105.136c30.172-30.188 30.172-79.114-.004-109.29m-92.504 48.766c0 13.082-3.68 22.676-8.355 32.387c-7.946 16.496-50.508 61.152-50.801 61.476a11.23 11.23 0 0 1-7.867 3.22a11.23 11.23 0 0 1-7.868-3.22c-.453-.535-40.183-45.836-48.82-63.988c-5.734-12.035-10.836-25.562-10.836-42.16c0-46.32 30.656-73.055 69.602-73.055c32.918 0 58.445 18.871 63.195 46.02a1.866 1.866 0 0 1-1.871 2.16h-31.09a2.265 2.265 0 0 1-2.172-1.504c-3.734-10.937-13.41-17.39-27.242-17.297c-21.543-.097-35.207 15.77-35.207 43.29c0 27.8 13.773 44.128 36.191 44.253c13.008-.117 24.801-5.976 26.48-17.215a2.66 2.66 0 0 1 2.246-1.969h30.81a2.085 2.085 0 0 1 2.043 1.602c.07.3.078.617.015.922Zm0 0"/></svg>How to use the Guidenai icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:guidenai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:guidenai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:guidenai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--guidenai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:guidenai"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:guidenai"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/guidenai.svg" alt="Guidenai icon" width="24" height="24">Guidenai icon FAQ
Is the Guidenai icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Guidenai icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:guidenai" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Guidenai icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/guidenai.svg" alt="Guidenai icon">, or paste the SVG code inline to style it with CSS.