Иконка Rectangle Paperclip

f7:rectangle-paperclip

Иконка Rectangle Paperclip (f7:rectangle-paperclip) — бесплатная SVG-иконка из набора Framework7 Icons от Vladimir Kharlampidi. Она нарисована на сетке 56 × 56. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Framework7 Icons
Автор: Vladimir Kharlampidi
Лицензия: MIT
Размер: 56 × 56
Теги: rectanglepaperclip

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M28.504 35.652c3.633 3.61 9.14 3.703 12.937-.07L52.95 24.074c.54-.586.54-1.5-.023-2.015c-.586-.516-1.383-.516-1.97.046L39.544 33.52c-2.695 2.695-6.492 2.695-9 .117c-2.555-2.625-2.602-6.352.094-9.047l14.39-14.344c1.782-1.781 4.196-1.805 5.696-.351c1.476 1.453 1.453 3.867-.352 5.671L36.355 29.652c-.562.586-1.312.563-1.828 0c-.586-.562-.562-1.289.024-1.875l9.914-9.914c.586-.586.563-1.383.047-1.922c-.54-.515-1.313-.539-1.899.07l-9.984 9.962c-1.64 1.64-1.64 4.172-.117 5.672c1.617 1.57 3.984 1.57 5.648-.094l14.11-14.086c2.93-2.953 2.883-6.82.234-9.469c-2.625-2.578-6.586-2.648-9.445.234L28.598 22.691c-3.797 3.797-3.68 9.375-.094 12.961m-20.437 15h38.625c4.851 0 7.265-2.367 7.265-7.148v-14.79l-3.773 3.845v10.757c0 2.391-1.243 3.563-3.54 3.563H8.115c-2.321 0-3.54-1.172-3.54-3.563V16.88c0-2.39 1.219-3.586 3.54-3.586H32.16l3.75-3.75H8.067C3.214 9.543.8 11.887.8 16.691v26.813c0 4.781 2.414 7.148 7.265 7.148"/></svg>

Как использовать иконку Rectangle Paperclip

React

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

<Icon icon="f7:rectangle-paperclip" width="24" />

Vue

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

<template>
  <Icon icon="f7:rectangle-paperclip" width="24" />
</template>

Svelte

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

<Icon icon="f7:rectangle-paperclip" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--rectangle-paperclip]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:rectangle-paperclip"></div>

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

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

<iconify-icon icon="f7:rectangle-paperclip"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/f7/rectangle-paperclip.svg" alt="Иконка Rectangle Paperclip" width="24" height="24">

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

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

Да. Framework7 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Framework7 Icons →