Plus Box icon
ps:plus-box
The Plus Box icon (ps:plus-box) 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
- Tags
- plusbox
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M405 0H107Q62 0 31 31T0 107v298q0 45 31 76t76 31h298q45 0 76-31t31-76V107q0-45-31-76T405 0m64 405q0 28-18 46t-46 18H107q-28 0-46-18t-18-46V107q0-28 18-46t46-18h298q28 0 46 18t18 46zM363 235h-86v-86q0-21-21-21t-21 21v86h-86q-21 0-21 21t21 21h86v86q0 21 21 21t21-21v-86h86q21 0 21-21t-21-21"/></svg>How to use the Plus Box icon
React
import { Icon } from "@iconify/react";
<Icon icon="ps:plus-box" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:plus-box" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:plus-box" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--plus-box]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:plus-box"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:plus-box"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ps/plus-box.svg" alt="Plus Box icon" width="24" height="24">Related icons in PrestaShop Icons
Plus Box icon in other icon sets
Plus Box icon FAQ
Is the Plus Box 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 Plus Box icon in React?
Install @iconify/react and render <Icon icon="ps:plus-box" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Plus Box icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ps/plus-box.svg" alt="Plus Box icon">, or paste the SVG code inline to style it with CSS.