PrestaShop Icons
ps · 479 iconos · de PrestaShop · CC-BY-NC-4.0 · un solo color · Actualizado
PrestaShop Icons es una colección de iconos gratis y de código abierto con 479 iconos SVG de PrestaShop, publicada bajo la licencia CC BY-NC 4.0. Los iconos son de un solo color: siguen el color de tu texto (currentColor) y se pueden recolorear con CSS.
Especificaciones de diseño de PrestaShop Icons
- relleno
- monocromo
Las reglas de dibujo de esta colección, medidas a partir de sus archivos SVG. Úsalas para diseñar iconos nuevos que combinen con ella.
| Lienzo | 512 × 512 · 25% de los iconos |
|---|---|
| viewBox | 0 0 512 512 |
| Área de dibujo | Todo el lienzo, sin margen |
| Estilo de dibujo | Formas rellenas |
| Colores | Un color (currentColor), se puede cambiar con CSS |
| Coordenadas | Unidades enteras |
| Líneas rectas | 73% horizontales o verticales, 5% a 45° |
| Curvas | 73% de los comandos de dibujo |
| Simetría | El 38% de los iconos es simétrico de izquierda a derecha |
| Elementos por icono | 1 |
| Comandos de dibujo por icono | 49 |
Medido a partir de 63 iconos de esta colección.
Generación de iconos con IA
No permitido: la licencia prohíbe el uso comercial.
Acerca de PrestaShop Icons
Entre los PrestaShop Icons más populares están bell, girl y home.
Abre cualquier icono para copiarlo como SVG, JSX, Vue, Svelte, Solid, Astro o CSS, o descárgalo en SVG o PNG. PrestaShop Icons usan la licencia CC BY-NC 4.0, que no permite el uso comercial sin un permiso aparte del autor.
Cómo usar PrestaShop Icons
Todos los iconos de esta página funcionan con cualquier framework. Los ejemplos usan ps:bell; abre un icono para copiar su código exacto en SVG, JSX, Vue, Svelte, Solid, Astro o CSS. Para consejos de tamaño, color y accesibilidad, lee cómo usar iconos SVG.
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ps/bell.svg" alt="Icono Bell" width="24" height="24">Preguntas frecuentes sobre PrestaShop Icons
¿Se pueden usar gratis los PrestaShop Icons en proyectos comerciales?
No. PrestaShop Icons usan la licencia CC BY-NC 4.0, que no permite el uso comercial sin un permiso aparte del autor.
¿Cuántos iconos tiene PrestaShop Icons?
En PrestaShop Icons hay 479 iconos.
¿Qué licencia usan los PrestaShop Icons?
PrestaShop Icons se distribuyen bajo CC BY-NC 4.0. El texto completo de la licencia está disponible en https://creativecommons.org/licenses/by-nc/4.0/.
¿Quién creó PrestaShop Icons?
PrestaShop Icons son obra de PrestaShop.
¿Cómo uso PrestaShop Icons en React?
Instala @iconify/react y renderiza <Icon icon="ps:bell" />, o abre cualquier icono de esta página y cópialo como un componente de React independiente.