PrestaShop Icons
ps · 479 icons · by PrestaShop · CC-BY-NC-4.0 · single-color · Updated
PrestaShop Icons is a free, open source icon set with 479 SVG icons by PrestaShop, released under the CC BY-NC 4.0 license. The icons are single-color: they follow your text color (currentColor) and can be recolored with CSS.
PrestaShop Icons design specs
- filled
- monochrome
The drawing rules of this set, measured from its SVG files. Use them to design new icons that match it.
| Canvas | 512 × 512 · 25% of icons |
|---|---|
| viewBox | 0 0 512 512 |
| Drawing area | Full canvas, no padding |
| Drawing style | Filled shapes |
| Colors | One color (currentColor), recolorable with CSS |
| Coordinates | Whole units |
| Straight lines | 73% horizontal or vertical, 5% at 45° |
| Curves | 73% of drawing commands |
| Symmetry | 38% of icons are left-right symmetric |
| Elements per icon | 1 |
| Drawing commands per icon | 49 |
Measured from 63 icons of this set.
AI icon generation
Not allowed: the license forbids commercial use.
About PrestaShop Icons
Popular PrestaShop Icons include bell, girl and home.
Open any icon to copy it as SVG, JSX, Vue, Svelte, Solid, Astro or CSS, or download it as SVG or PNG. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author.
How to use PrestaShop Icons
Every icon on this page works in any framework. Examples use ps:bell; open an icon to copy its exact SVG, JSX, Vue, Svelte, Solid, Astro or CSS code. For sizing, color and accessibility tips, read how to use SVG icons.
React
import { Icon } from "@iconify/react";
<Icon icon="ps:bell" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:bell" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:bell" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--bell]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:bell"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:bell"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ps/bell.svg" alt="Bell icon" width="24" height="24">PrestaShop Icons FAQ
Are PrestaShop Icons 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 many icons are in PrestaShop Icons?
PrestaShop Icons contains 479 icons.
What license do PrestaShop Icons use?
PrestaShop Icons are licensed under CC BY-NC 4.0. The full license text is available at https://creativecommons.org/licenses/by-nc/4.0/.
Who made PrestaShop Icons?
PrestaShop Icons are created by PrestaShop.
How do I use PrestaShop Icons in React?
Install @iconify/react and render <Icon icon="ps:bell" />, or open any icon on this page and copy it as a standalone React component.