ICONYZ
English
Upload icon from PrestaShop Icons

Upload icon

ps:upload

The Upload icon (ps:upload) 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="M256 384q21 0 21-21V66l94 77q7 6 16 5t14-7q6-7 5-16t-7-14L256 0L115 111q-15 15-2 30q16 14 30 2l92-77v297q0 21 21 21m171 21q0 9-6.5 15.5T405 427q-8 0-14.5-6.5T384 405q0-8 6.5-14.5T405 384q9 0 15.5 6.5T427 405m-64 0q0 9-6.5 15.5T341 427q-8 0-14.5-6.5T320 405q0-8 6.5-14.5T341 384q9 0 15.5 6.5T363 405m128-106H320v42h149v128H43V341h149v-42H21q-8 0-14.5 6.5T0 320v149q0 18 12.5 30.5T43 512h426q18 0 30.5-12.5T512 469V320q0-8-6.5-14.5T491 299"/></svg>

How to use the Upload icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in PrestaShop Icons

Upload icon in other icon sets

Upload icon FAQ

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

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

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

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

Browse all PrestaShop Icons →