Иконка Clipboard

flat-ui:clipboard

Иконка Clipboard (flat-ui:clipboard) — бесплатная SVG-иконка из набора Flat UI Icons от Designmodo, Inc.. Она нарисована на сетке 100 × 100. Flat UI Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Flat UI Icons
Автор: Designmodo, Inc.
Лицензия: MIT
Размер: 100 × 100

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#27AE60" d="M100 94a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V16a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6z"/><path fill="#fff" fill-rule="evenodd" d="M82 87a2 2 0 0 1-2 2H20a2 2 0 0 1-2-2V18a2 2 0 0 1 2-2h60a2 2 0 0 1 2 2z" clip-rule="evenodd"/><path fill="#BDC3C7" fill-rule="evenodd" d="M72 20H28a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3h15a7 7 0 1 1 14 0h15a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3M50 4a3 3 0 1 0 0 6a3 3 0 0 0 0-6" clip-rule="evenodd"/><path fill="#A1A6A9" fill-rule="evenodd" d="M72 20H28a3 3 0 0 1-3-3v-2a3 3 0 0 0 3 3h44a3 3 0 0 0 3-3v2a3 3 0 0 1-3 3" clip-rule="evenodd"/><path fill-rule="evenodd" d="M94 97H6a6 6 0 0 1-6-6v3a6 6 0 0 0 6 6h88a6 6 0 0 0 6-6v-3a6 6 0 0 1-6 6" clip-rule="evenodd" opacity=".15"/><path fill="#BDC3C7" fill-rule="evenodd" d="M41 40.999v3h31v-3zM41 55h31v-3.001H41zm0 10.998h31v-2.999H41zm0 11.001h31v-3H41zm-13-31h7v-7h-7zm0 11h7v-7h-7zm0 11h7v-7h-7zM28 79h7v-7.001h-7z" clip-rule="evenodd"/><path fill="#27AE60" fill-rule="evenodd" d="M41 29v3.001h31V29zm-5.073-1.214l-.708-.713a.25.25 0 0 0-.354 0l-3.728 3.703a.25.25 0 0 1-.354 0l-1.633-1.66a.25.25 0 0 0-.354 0l-.722.648a.25.25 0 0 0-.074.175l.011.054H28v.998h.011l.063.127l1.647 1.725l.354.355l.708.713a.25.25 0 0 0 .354 0l4.79-4.771l.067-.144H36v-.998h-.006a.25.25 0 0 0-.067-.212" clip-rule="evenodd"/><path fill="#A1A6A9" fill-rule="evenodd" d="M50 4a2.99 2.99 0 0 1 2.816 2c.112-.313.184-.646.184-.999a3 3 0 0 0-6.001 0c0 .353.072.686.184 1A2.99 2.99 0 0 1 50 4" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="flat-ui:clipboard" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:clipboard" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:clipboard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--clipboard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:clipboard"></div>

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

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

<iconify-icon icon="flat-ui:clipboard"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/flat-ui/clipboard.svg" alt="Иконка Clipboard" width="24" height="24">

Иконка Clipboard в других наборах

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

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

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

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

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

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

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

Все Flat UI Icons →