Иконка Copyparty
thesvg-color:copyparty
Иконка Copyparty (thesvg-color:copyparty) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 300 × 207. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 300 × 207
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="207" viewBox="0 0 300 207"><defs><linearGradient id="SVGU82JyctC"><stop offset="0" stop-color="#fc5"/><stop offset=".2" stop-color="#fc0"/><stop offset="1" stop-color="#f80"/></linearGradient><linearGradient id="SVGbwwUwe7L" x1="15" x2="15" y1="15" y2="143" gradientUnits="userSpaceOnUse" href="#SVGU82JyctC"/></defs><rect width="300" height="205" fill="#333" rx="12" ry="12"/><rect width="270" height="128" x="15" y="15" fill="url(#SVGbwwUwe7L)" rx="8" ry="8"/><rect width="172" height="52" x="64" y="72" fill="#333" rx="26" ry="26"/><circle cx="91" cy="98" r="18" fill="#ccc"/><circle cx="209" cy="98" r="18" fill="#ccc"/><path fill="#737373" d="m48 207l10-39c1.79-6.2 5.6-7.8 12-8c60-1 100-1 160 0c6.4.2 10 1.8 12 8l10 39z"/><path fill="#333" d="M63.5 50.9q-.85.93-4.73 2.3q-3.6 1.3-4.4 1.3q-3.3 0-5.1-2.1q-1.75-2-1.75-5.36q0-4.6 3.76-7.64q3.3-2.7 7.3-2.7q.4 0 .93.74q.54.7.54 1.16q0 2.06-2.2 2.7q-1.36.4-4.04 1.16q-2.2 1.16-2.2 4.4q0 3.2 2.9 3.2h.85q.54 0 1.44-.16q1.1-.23 2.9-.74q1.8-.54 2.13-.54q.4 0 1.75.6zM87.6 45q0 4.2-3.7 6.95q-3.2 2.3-6.87 2.3q-3.4 0-6-2.6q-2.5-2.6-2.5-6q0-3.6 3.14-6.64q3.2-3 6.8-3q3.5 0 6.3 2.76q2.83 2.76 2.83 6.25zm-3.4.16q0-2.25-1.75-3.7q-1.7-1.5-4-1.5q-.1 0-1.6 1.6q-1.44 1.55-2.44 1.55q-.6 0-.8-.3q-1.16 2.3-1.16 3q0 2.25 2.13 3.4q1.6.9 3.6.9t3.76-1.1q2.25-1.4 2.25-3.84zm28.6 1.64q0 2.8-1.9 4.4q-1.8 1.5-4.7 1.5q-.7 0-2.7-.4q-1.9-.4-2.6-.4q-2.1 0-2.1 2.64q0 .85.23 2.6q.2 1.75.2 2.6q0 1.9-.77 2.83q-1.44 0-3-.85q-1.46-9.5-1.46-12q0-3.65 1.75-8.1q2.37-6.05 6.45-6.05q3.7 0 7.3 4.1q3.3 3.84 3.3 7.14zm-3.8.2q-.6-2.2-2.6-4.4q-2.3-2.5-4.3-2.5q-1.3 0-2.33 2.2q-.9 1.8-.9 3.26q0 .47.38 1.24q.43.8.85.8q1.1 0 3.2.3t3.2.3q.3 0 1.3-.4q1-.47 1.3-.74zm24-7q-2.1 4.1-3.2 7q-.1.3-1.6 4.5q-.4 1.36-1 4.2q-.5 2.83-1 4.2q-1 2.83-2.3 2.64q-1.4-.2-1.6-1.6v-.5q0-.16.3-1.5q1-5.04 1-6.44q0-.54-.1-.74q-1.4-2.44-4.1-7.4q-2.7-4.97-2.4-7.7q1.5-1.36 2.1-1.36q.4 0 1.1.6q.6.6.7 1.1q.8 6.2 4.9 11.1q1-1.8 1.8-4.04q.5-1.4 1.6-4.15q1.9-4.46 3.4-4.46q.2 0 .4.1q.9.3 1.3 2.8zm24.5 8q0 2.8-1.9 4.4q-1.8 1.5-4.7 1.5q-.7 0-2.7-.4q-1.9-.4-2.6-.4q-2 0-2 2.64q0 .85.2 2.6t.2 2.6q0 1.9-.7 2.83q-1.5 0-3-.85q-1.5-9.5-1.5-11.95q0-3.65 1.8-8.1q2.3-6.05 6.4-6.05q3.7 0 7.2 4.1q3.3 3.84 3.3 7.14zm-3.8.2q-.6-2.2-2.6-4.4q-2.3-2.5-4.3-2.5q-1.3 0-2.3 2.2q-.9 1.8-.9 3.26q0 .47.4 1.24q.4.8.8.8q1.1 0 3.2.3t3.2.3q.3 0 1.3-.4q1-.47 1.3-.74zm28.3 5.1q0 .9-.6 1.5t-1.4.6q-1.6 0-3-.9q-1.4-.93-2.1-2.3q-.7-.1-1.5.85q-.9 1.16-1.1 1.24q-1.2.54-3.9.54q-2.2 0-3.9-2.44q-1.5-2.13-1.5-4q0-3.4 3.4-6.4q3.2-2.9 6.7-2.9q.9 0 1.7.6t.8 1.44q0 .54-.4 1.1q2.4.9 2.4 2.83q0 .35-.1 1.05t-.1 1.05q0 .4.1.6q.5 1.3 2.5 3.4q1.9 1.9 1.9 2.2zm-8.1-10.1q-.4 0-1.1-.1q-.8-.16-1.1-.16q-1.3 0-3.2 1.94t-1.9 3.3q0 .8.7 1.8q.9 1.3 2.2 1.3q2.6 0 3.5-2.9q.5-2.6 1-5.16zm29.9-.8q-.4.4-1.5.4q-.9 0-2.5-.3q-1.7-.3-2.5-.3q-4.7 0-5.5 6.9q-.3 3.1-.4 3.3q-.4 1-1.7 2.3h-1.1q-.7-1.2-1.3-4.1q-.6-2.76-.6-4.27q0-1.16.1-1.5q.2-.54 1-.54q.3 0 .6.3l.4.3q1.9-3.53 3.1-4.6q1.8-1.7 5.1-1.7q1.4 0 3.6.9q2.8 1.16 3.3 2.8zm25.7-5.24q.3.8.3 1.44q0 1.86-2.4 1.86q-1 0-3.5-.5q-2.5-.54-3.4-.54q-1.3 0-1.5.1q-.4.2-.4 1.2q0 2.2.6 6.9q.7 5.86 1.6 6.13q-.4.35-.4 1.1q-1.2.7-2.6.7t-2-3.9q-.2-1.36-.5-7.76q-.2-4.6-.8-5.5q-.3-.47-4.3-.35q-1 0-1.6.1h-.3q-.8 0-1.2-.7q-.5-1.3-.5-1.4q0-1.44 4.1-2q1.6-.16 4.7-.5q0-.85-.1-2.56v-2.6q0-4.35 2.1-4.35q.5 0 1.1.6t.6 1.1v7.9q1.1 1.2 5 1.7t5.3 1.86zm21.7 3.04q-2 4.1-3.2 7l-1.5 4.5q-.5 1.36-1 4.2q-.5 2.83-1 4.2q-1 2.83-2.4 2.64q-1.4-.2-1.5-1.6q-.1-.2-.1-.5q0-.16.3-1.5q1.1-5.04 1.1-6.44q0-.54-.1-.74q-1.4-2.44-4.1-7.4q-2.7-4.97-2.4-7.7q1.4-1.36 2.1-1.36q.4 0 1 .6t.7 1.1q.9 6.2 4.9 11.1q1-1.8 1.9-4.04q.5-1.4 1.6-4.15q1.8-4.46 3.4-4.46q.2 0 .4.1q.8.3 1.2 2.8zM111.4 83.335l-9.526 5.5l2.5 4.33l9.526-5.5zm-33.775 19.5l-9.526 5.5l2.5 4.33l9.526-5.5zM88.5 73v11h5V73Zm0 39v11h5v-11ZM68.1 87.665l9.526 5.5l2.5-4.33l-9.526-5.5zm33.775 19.5l9.527 5.5l2.5-4.33l-9.527-5.5zM233.999 95.5h-11v5h11zm-39 0h-11v5h11zm24.335-20.4l-5.5 9.526l4.33 2.5l5.5-9.527Zm-19.5 33.774l-5.5 9.527l4.33 2.5l5.5-9.527ZM194.335 77.6l5.5 9.527l4.33-2.5l-5.5-9.526zm19.5 33.775l5.5 9.527l4.33-2.5l-5.5-9.526z"/></svg>Как использовать иконку Copyparty
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:copyparty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:copyparty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:copyparty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--copyparty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:copyparty"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:copyparty"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/copyparty.svg" alt="Иконка Copyparty" width="24" height="24">Иконка Copyparty в других наборах
Вопросы и ответы: Иконка Copyparty
Можно ли бесплатно использовать иконку Copyparty в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Copyparty в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:copyparty" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Copyparty на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/copyparty.svg" alt="Иконка Copyparty">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.