Designfloat icon
ps:designfloat
The Designfloat icon (ps:designfloat) is a free SVG icon from the PrestaShop Icons set by PrestaShop. It is drawn on a 464 × 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
- 464 × 488
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="464" height="488" viewBox="0 0 464 488"><path fill="currentColor" d="M263 118V73q46 11 77.5 42.5T383 196h-45q-17-59-75-78m-67 0V73Q95 93 73 196h45q15-57 78-78m-78 140H73q10 57 39.5 86t83.5 40v-45q-26-8-48-31t-30-50m313-29q0 85-59.5 144.5T228 433q-85 0-144.5-59.5T24 229T83.5 84T228 24q84 0 143.5 60T431 229m-20 0q0-76-53.5-130T228 45T98 98.5T44 229q0 76 54 130t130 54t129.5-54T411 229m-183 93q-39 0-66-27.5T135 229q0-39 27-66t66-28q38 1 65 28t28 66q-1 38-28 65.5T228 322m72-93q0-30-21-51.5T228 156t-51.5 21.5T155 229t21.5 51t51.5 21t51-21t21-51m-37 110v45q100-23 120-126h-45q-10 28-29.5 50.5T263 339m175 9q-10 0-16.5 6.5T415 371q0 9 6.5 15.5T438 393q9 0 15.5-6.5T460 371q0-10-6.5-16.5T438 348m-55 58q-12 0-20.5 8.5T354 435t8.5 20.5T383 464t20.5-8.5T412 435t-8.5-20.5T383 406m48-132q-14 0-14 14q0 13 14 13q13 0 13-13q0-14-13-14M31 428q-14 0-14 14q0 15 14 15q6 0 10.5-4.5T46 442q0-14-15-14m-4-77q-14 0-14 14t14 14q5 0 9.5-4t4.5-10t-4.5-10t-9.5-4m45 35q-8 0-13.5 6T53 405t5.5 13t13.5 6t13.5-6t5.5-13t-5.5-13t-13.5-6m366-282q-10 0-10 10q0 9 10 9t10-9q0-10-10-10M16 63Q0 63 0 80q0 16 16 16t16-16q0-17-16-17M53 3q-8 0-14 6t-6 15q0 8 6 14t14 6q9 0 15-6t6-14q0-9-6-15T53 3M21 130q-10 0-10 11q0 10 10 10q11 0 11-10q0-11-11-11"/></svg>How to use the Designfloat icon
React
import { Icon } from "@iconify/react";
<Icon icon="ps:designfloat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:designfloat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:designfloat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--designfloat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:designfloat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:designfloat"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ps/designfloat.svg" alt="Designfloat icon" width="24" height="24">Designfloat icon FAQ
Is the Designfloat 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 Designfloat icon in React?
Install @iconify/react and render <Icon icon="ps:designfloat" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Designfloat icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ps/designfloat.svg" alt="Designfloat icon">, or paste the SVG code inline to style it with CSS.