Иконка Copy Check Outline

solar:copy-check-outline

Иконка Copy Check Outline (solar:copy-check-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
Категория: Интерфейс
Теги: copycheck, checkoutline, copycheckoutline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.207 10.5449C16.4927 10.2452 16.9677 10.2339 17.2676 10.5195C17.5673 10.8052 17.5786 11.2802 17.293 11.5801L12.6504 16.4551C12.5089 16.6036 12.3125 16.6874 12.1074 16.6875C11.9023 16.6875 11.706 16.6035 11.5645 16.4551L9.70703 14.5049C9.42141 14.205 9.43262 13.73 9.73242 13.4443C10.0324 13.1587 10.5073 13.1708 10.793 13.4707L12.1064 14.8496L16.207 10.5449Z"/><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.4352 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.5648 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.4352 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 Check Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Иконки Solar →