ICONYZ
English
Ember icon from PrestaShop Icons

Ember icon

ps:ember

The Ember icon (ps:ember) is a free SVG icon from the PrestaShop Icons set by PrestaShop. It is drawn on a 384 × 488 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
384 × 488
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="384" height="488" viewBox="0 0 384 488"><path fill="currentColor" d="M380 160q-3 11-11.5 20.5T354 194l-7 4q-27-68-62-117t-56-64L208 2q-2 22-17.5 43.5T160 78l-15 11l-41-21q3 16-1 32.5T94 126l-5 9q-38 25-51 67.5T30 276l6 30l-36-17q8 55 30.5 93T80 434.5t52.5 22T176 462l17-1q48 0 84.5-17t56-43.5t32-58.5t15.5-64t3-58.5t-2-43.5zM186 425q-39 0-65.5-19T85 360.5t-12-53t-1-45.5l2-18q2 7 7 12.5t9 7.5l4 2q16-41 37-70t34-38l13-9q1 13 10 26t18 19l9 7l25-13q-2 9 .5 19.5T246 224l3 5q23 15 30.5 40.5T284 313l-4 18l22-10q-4 33-18 56t-30 32t-31.5 13t-26.5 4z"/></svg>

How to use the Ember icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Ember icon in other icon sets

Ember icon FAQ

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

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

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

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

Browse all PrestaShop Icons →