ICONYZ
English
Important icon from PrestaShop Icons

Important icon

ps:important

The Important icon (ps:important) is a free SVG icon from the PrestaShop Icons set by PrestaShop. It is drawn on a 128 × 472 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
128 × 472
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="472" viewBox="0 0 128 472"><path fill="currentColor" d="M43 280h42q18 0 30.5-12.5T128 237V45q0-17-12.5-29.5T85 3H43Q25 3 12.5 15.5T0 45v192q0 18 12.5 30.5T43 280m0-235h42v192H43zM0 387q0 17 12.5 29.5T43 429h42q18 0 30.5-12.5T128 387v-22q0-17-12.5-29.5T85 323H43q-18 0-30.5 12.5T0 365zm43-22h42v22H43z"/></svg>

How to use the Important icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Important icon in other icon sets

Important icon FAQ

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

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

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

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

Browse all PrestaShop Icons →