Preston icon

ps:preston

The Preston icon (ps:preston) is a free SVG icon from the PrestaShop Icons set by PrestaShop. It is drawn on a 512 × 512 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: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M510 371q-5-6-13.5-17.5T484 335q-3-3 0-6q20-65 9-122q-18-98-99.5-156.5T213 6Q127 19 68 82.5T4 233q-6 110 71 189q55 56 132 69.5T354 471q5-2 20.5-9t24.5-10q1 0 3-1t3-1q50-25 92-64q1-1 4-3.5t5-5t4-4.5zM369 190q8-18 26-34q11-12 30-15q17-2 36 13q9 6 13 19q24 74 2 145q0 2-2 4q-3-5-7-9.5t-8.5-10t-6.5-8.5q-48-61-81-91q-6-5-2-13m-68 290q-89 20-168-25T26 324v-6q24-92 91-139q63-43 135-34q29 3 68 21q11 9 11 20q0 47-9 83q-2 8-17 45q-8 16-28 64q0 1-1 4t-1 4q-51-22-72-38l6 6q38 34 60 47q2 0 2 4q0 33 26 47q5 5 21 9q4 1 11.5 2t11.5 2q-13 8-40 15m200-100q-37 22-81 30q-73 12-145-7h-2q0-6 2-8q0-1 1-4.5t1-4.5q107 39 231-8q-3 0-4.5 1t-2.5 1M245 277q10 8 22.5 8t22.5-10t10-22.5t-8-22.5q-1-1-2-3t-2-3q-2-7-6.5-21.5T275 181q-4-12-6-21q-2 2-2 4q-3 9-9.5 29.5T247 224q0 4-4 4q-10 3-28 7.5t-23 5.5q-40 11-43 11h7q52 12 85 21zm22-53q5 0 8.5 4t3.5 9t-4 9t-8 4q-5 0-9-4t-4-9q0-13 13-13m194 51q6 0 10-8q1-2 3.5-5.5t3.5-5.5l4-4q-2-2-4-5q-7-7-7-12q-1-6-4-20.5t-4-20.5q0-1-1-3.5t-1-4.5v2q-2 10-6.5 29t-6.5 28q-2 7 2 22q0 8 11 8m-4-40q3-3 6 0q2 2 2 6q0 9-6 9q-5 0-5-9q3-2 3-6"/></svg>

How to use the Preston icon

React

import { Icon } from "@iconify/react";

<Icon icon="ps:preston" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ps:preston" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ps:preston" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--preston]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:preston"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ps:preston"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ps/preston.svg" alt="Preston icon" width="24" height="24">

Preston icon FAQ

Is the Preston 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 Preston icon in React?

Install @iconify/react and render <Icon icon="ps:preston" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Preston icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ps/preston.svg" alt="Preston icon">, or paste the SVG code inline to style it with CSS.

Browse all PrestaShop Icons →