Hyves icon
ps:hyves
The Hyves icon (ps:hyves) is a free SVG icon from the PrestaShop Icons set by PrestaShop. It is drawn on a 384 × 488 grid. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- PrestaShop Icons
- Author
- PrestaShop
- License
- CC-BY-NC-4.0
- Size
- 384 × 488
- Tags
- hyve
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="488" viewBox="0 0 384 488"><path fill="currentColor" d="M318 2h32q8-1 17 16.5t6 27.5q-2 5-16 11t-16 9q-4 5-5 15t-.5 32t.5 23v191q0 34 1 35q2 2 6 2.5t8.5.5h6.5q9 3 15.5 16.5t.5 23.5q-2 2-22 10q-40 20-76 17q-12-1-25-14.5T240 393q1-9 15-14q1 0 10-1.5t12-4.5q3-2 3-9.5t-1-18.5t-1-15v-24q0-20-1-23q-4-5-46 0q-52 8-82 17q-1 1-10 3t-15.5 5t-8.5 7q-3 5 0 54q0 22 1 23q2 4 12 4.5t11 .5q8 3 14.5 12t5.5 18q-1 16-29.5 24.5T71 462q-14 1-22-1q-10-2-19-13t-8-20q1-12 25-19q11-3 11-4q3-3 0-35q-4-32-6-111q0-21-1.5-56.5T49 145q0-35-1-36q-2-3-11-4.5T26 102Q11 95 3 75v-8q7-13 21-18.5T65 38q28-8 54-6t33 24q5 15 0 23q-4 6-20 9.5T114 97q-2 2-2 29q0 11-2 49t0 50q0 21 6 24q1 1 20-3q62-13 99-18q40-4 41-5q5-4 2-35q-4-37 0-74q3-31-1-35q-2-2-11-3.5T256 73q-33-14-25-41q3-6 16-13q9-5 71-17"/></svg>How to use the Hyves icon
React
import { Icon } from "@iconify/react";
<Icon icon="ps:hyves" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:hyves" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:hyves" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--hyves]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:hyves"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:hyves"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ps/hyves.svg" alt="Hyves icon" width="24" height="24">Hyves icon FAQ
Is the Hyves icon free for commercial use?
No. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Hyves icon in React?
Install @iconify/react and render <Icon icon="ps:hyves" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hyves icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ps/hyves.svg" alt="Hyves icon">, or paste the SVG code inline to style it with CSS.