Icône Designfloat
ps:designfloat
L'icône Designfloat (ps:designfloat) est une icône SVG gratuite de la collection PrestaShop Icons par PrestaShop. Elle est dessinée sur une grille de 464 × 488. Les PrestaShop Icons utilisent la licence CC BY-NC 4.0, qui n'autorise pas l'usage commercial sans l'accord distinct de l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- PrestaShop Icons
- Auteur
- PrestaShop
- Licence
- CC-BY-NC-4.0
- Taille
- 464 × 488
Code SVG
<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>Comment utiliser l'icône Designfloat
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>Image HTML
<img src="https://iconyz.com/api/public/svg/ps/designfloat.svg" alt="Icône Designfloat" width="24" height="24">FAQ : Icône Designfloat
L'icône Designfloat est-elle gratuite pour un usage commercial ?
Non. Les PrestaShop Icons utilisent la licence CC BY-NC 4.0, qui n'autorise pas l'usage commercial sans l'accord distinct de l'auteur.
Comment utiliser l'icône Designfloat dans React ?
Installez @iconify/react et affichez <Icon icon="ps:designfloat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Designfloat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/ps/designfloat.svg" alt="Icône Designfloat">, ou collez le code SVG directement dans la page pour le styliser en CSS.