Иконка Copy Add Bold Duotone

solar:copy-add-bold-duotone

Иконка Copy Add Bold Duotone (solar:copy-add-bold-duotone) — бесплатная 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
Категория: Интерфейс
Теги: copyadd, addbold, boldduotone, copyaddboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.17157 3.17157C3 4.34315 3 6.22876 3 10V12C3 15.7712 3 17.6569 4.17157 18.8284C4.78913 19.446 5.6051 19.738 6.79105 19.8761C6.59961 19.0353 6.59961 17.8796 6.59961 16.2167V11.3974C6.59961 8.6712 6.59961 7.3081 7.44314 6.46118C8.28667 5.61426 9.64432 5.61426 12.3596 5.61426H15.2396C16.8915 5.61426 18.0409 5.61426 18.8777 5.80494C18.7403 4.61146 18.4484 3.79154 17.8284 3.17157C16.6569 2 14.7712 2 11 2C7.22876 2 5.34315 2 4.17157 3.17157Z" opacity=".5"/><path fill-rule="evenodd" d="M15.2393 5.61426C17.9545 5.61426 19.3127 5.61405 20.1562 6.46094C20.9998 7.30786 21 8.67127 21 11.3975V16.2168C21 18.9429 20.9998 20.3064 20.1562 21.1533C19.3127 22.0001 17.9544 22 15.2393 22H12.3594C9.64459 22 8.28689 21.9999 7.44336 21.1533C6.59984 20.3064 6.59961 18.9429 6.59961 16.2168V11.3975C6.59961 8.67127 6.59983 7.30786 7.44336 6.46094C8.28688 5.61427 9.64449 5.61426 12.3594 5.61426H15.2393ZM13.5 9.5C13.0858 9.5 12.75 9.83579 12.75 10.25V12.75H10.25C9.8358 12.75 9.50001 13.0858 9.5 13.5C9.5 13.9142 9.83579 14.25 10.25 14.25H12.75V16.75C12.75 17.1642 13.0858 17.5 13.5 17.5C13.9142 17.5 14.25 17.1642 14.25 16.75V14.25H16.75C17.1642 14.25 17.5 13.9142 17.5 13.5C17.5 13.0858 17.1642 12.75 16.75 12.75H14.25V10.25C14.25 9.83579 13.9142 9.5 13.5 9.5Z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Copy Add Bold Duotone

React

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

<Icon icon="solar:copy-add-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:copy-add-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:copy-add-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--copy-add-bold-duotone]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:copy-add-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/copy-add-bold-duotone.svg" alt="Иконка Copy Add Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Copy Add Bold Duotone

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

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

Как использовать иконку Copy Add Bold Duotone в React?

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

Как добавить иконку Copy Add Bold Duotone на веб-страницу?

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

Все Иконки Solar →