ICONYZ
Русский
Иконка Designfloat из набора PrestaShop Icons

Иконка Designfloat

ps:designfloat

Иконка Designfloat (ps:designfloat) — бесплатная SVG-иконка из набора PrestaShop Icons от PrestaShop. Она нарисована на сетке 464 × 488. PrestaShop Icons используют лицензию CC BY-NC 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
PrestaShop Icons
Автор
PrestaShop
Лицензия
CC-BY-NC-4.0
Размер
464 × 488
Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/ps/designfloat.svg" alt="Иконка Designfloat" width="24" height="24">

Вопросы и ответы: Иконка Designfloat

Можно ли бесплатно использовать иконку Designfloat в коммерческих проектах?

Нет. PrestaShop Icons используют лицензию CC BY-NC 4.0, которая не разрешает коммерческое использование без отдельного разрешения автора.

Как использовать иконку Designfloat в React?

Установите @iconify/react и выведите <Icon icon="ps:designfloat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Designfloat на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ps/designfloat.svg" alt="Иконка Designfloat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все PrestaShop Icons →