Иконка Copy Close Outline

solar:copy-close-outline

Иконка Copy Close Outline (solar:copy-close-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Интерфейс
Теги: copyclose, closeoutline, copycloseoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.2666 10.6709C15.5594 10.3781 16.0352 10.3784 16.3281 10.6709C16.6207 10.9637 16.6207 11.4386 16.3281 11.7314L14.5596 13.499L16.3281 15.2666C16.621 15.5595 16.621 16.0352 16.3281 16.3281C16.0352 16.621 15.5595 16.621 15.2666 16.3281L13.499 14.5596L11.7314 16.3281C11.4386 16.6207 10.9637 16.6207 10.6709 16.3281C10.3784 16.0352 10.3781 15.5594 10.6709 15.2666L12.4385 13.499L10.6709 11.7314C10.3784 11.4385 10.3782 10.9636 10.6709 10.6709C10.9636 10.3782 11.4385 10.3784 11.7314 10.6709L13.499 12.4385L15.2666 10.6709Z"/><path fill-rule="evenodd" d="M15 1.25C16.8724 1.25 18.4236 2.62236 18.7041 4.41602C19.4682 4.55408 20.1205 4.81774 20.6514 5.34863C21.2533 5.95055 21.5128 6.70829 21.6338 7.6084C21.7519 8.4869 21.75 9.60709 21.75 11V16C21.75 17.3929 21.7519 18.5131 21.6338 19.3916C21.5128 20.2917 21.2533 21.0494 20.6514 21.6514C20.0494 22.2533 19.2917 22.5128 18.3916 22.6338C17.5131 22.7519 16.3929 22.75 15 22.75H12C10.6071 22.75 9.4869 22.7519 8.6084 22.6338C7.70829 22.5128 6.95055 22.2533 6.34863 21.6514C5.81774 21.1205 5.55408 20.4682 5.41602 19.7041C3.62236 19.4236 2.25 17.8724 2.25 16V10C2.25 8.13558 2.24859 6.66159 2.40332 5.51074C2.56096 4.33844 2.89329 3.38991 3.6416 2.6416C4.38991 1.89329 5.33844 1.56096 6.51074 1.40332C7.66159 1.24859 9.13558 1.25 11 1.25H15ZM12 5.75C10.5648 5.75 9.5639 5.75202 8.80859 5.85352C8.07482 5.95217 7.68594 6.13242 7.40918 6.40918C7.13242 6.68594 6.95217 7.07482 6.85352 7.80859C6.75202 8.5639 6.75 9.56485 6.75 11V16C6.75 17.4351 6.75202 18.4361 6.85352 19.1914C6.95217 19.9252 7.13242 20.3141 7.40918 20.5908C7.68594 20.8676 8.07482 21.0478 8.80859 21.1465C9.5639 21.248 10.5649 21.25 12 21.25H15C16.4352 21.25 17.4361 21.248 18.1914 21.1465C18.9252 21.0478 19.3141 20.8676 19.5908 20.5908C19.8676 20.3141 20.0478 19.9252 20.1465 19.1914C20.248 18.4361 20.25 17.4352 20.25 16V11C20.25 9.56485 20.248 8.5639 20.1465 7.80859C20.0478 7.07482 19.8676 6.68594 19.5908 6.40918C19.3141 6.13242 18.9252 5.95217 18.1914 5.85352C17.4361 5.75202 16.4351 5.75 15 5.75H12ZM11 2.75C9.09324 2.75 7.73859 2.7515 6.71094 2.88965C5.70485 3.02491 5.12536 3.27894 4.70215 3.70215C4.27894 4.12536 4.02491 4.70485 3.88965 5.71094C3.7515 6.73859 3.75 8.09324 3.75 10V16C3.75 16.9873 4.38694 17.8229 5.27148 18.126C5.24999 17.5025 5.25 16.7957 5.25 16V11C5.25 9.60709 5.24812 8.4869 5.36621 7.6084C5.48723 6.70829 5.74672 5.95055 6.34863 5.34863C6.95055 4.74672 7.70829 4.48723 8.6084 4.36621C9.4869 4.24812 10.6071 4.25 12 4.25H15C15.7957 4.25 16.5025 4.24999 17.126 4.27148C16.8229 3.38694 15.9873 2.75 15 2.75H11Z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Copy Close Outline

React

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

<Icon icon="solar:copy-close-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:copy-close-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:copy-close-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--copy-close-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:copy-close-outline"></div>

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

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

<iconify-icon icon="solar:copy-close-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/copy-close-outline.svg" alt="Иконка Copy Close Outline" width="24" height="24">

Вопросы и ответы: Иконка Copy Close Outline

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

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Solar →