Иконка Cpan

file-icons:cpan

Иконка Cpan (file-icons:cpan) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 496 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 496 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="496" height="512" viewBox="0 0 496 512"><path fill="currentColor" d="M445.505 399.407c7.15 6.128 12.075 15.215 14.495 19.03l29.831-30.63c12.145-11.132 1.216-29.134 1.216-29.134L313.94 130.965c-4.048-31.373 3.391-31.716 13.156-49.59c7.188-13.156 5.199-22.314-2.132-26.193c-17.476 35.89-82.541 171.252-82.541 171.252L64.152 405.254l-13.34-6.1c70.837-70.035 156.11-154.45 178.625-176.35c-13.504 1.342-18.085 4.264-17.457-6.25L303.37 54.56c-6.716-.615-11.884-9.79-15.8-20.584l-87.603 149.548L35.27 359.748c-5.057 5.408-13.188-2.197-8.13-7.604L191.041 176.87l92.095-157.357c-3.21-18.636-7.87-25.884-19.798-13.028l-159.901 184.19L2.234 353.613c-6.89 28.633 1.159 35.552 38.241 61.046c6.868 4.722 16.453 7.102 27.466 3.752l4.981 61.915l13.906 13.905L378.078 512s22.403-18.541 39.4-36.31c16.995-17.768 9.27-19.313 3.862-25.494c-5.408-6.18-5.408-26.266-5.408-37.854c-.307-9.592 18.568-24.217 29.573-12.935m-25.857-27.178c.645 4.088.462 8.908-.136 13.736l-241.184-3.678C114.51 409.44 142.2 397.892 83.472 410.15c16.424-10.996 27.556-39.333 73.266-81.838c48.622-44.372 110.725-99.756 119.42-128.866c100.866 136.625 140.336 153.155 143.49 172.783"/></svg>

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

React

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

<Icon icon="file-icons:cpan" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:cpan" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:cpan" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--cpan]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:cpan"></div>

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

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

<iconify-icon icon="file-icons:cpan"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/file-icons/cpan.svg" alt="Иконка Cpan" width="24" height="24">

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

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

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

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

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

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

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

Все File Icons →