Иконка File Type Capnp

vscode-icons:file-type-capnp

Иконка File Type Capnp (vscode-icons:file-type-capnp) — бесплатная SVG-иконка из набора VSCode Icons от Roberto Huertas. Она нарисована на сетке 32 × 32. VSCode Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: VSCode Icons
Автор: Roberto Huertas
Лицензия: MIT
Размер: 32 × 32
Теги: filetype, typecapnp, filetypecapnp

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#c22626" d="M2 1.85h28v28H2z"/><path fill="#fff" stroke="#000" stroke-miterlimit="1.41" stroke-width=".36" d="m12.1 19.1l.26.24l3.05-.25l.21-.02v-.83l-.25-.24l-.58.04l-.17-.01c-.04 0-.05-.02-.05-.02h-.01l-.02-.04a.8.8 0 0 1-.02-.23v-3l2.35 4.07l.08.13l.15-.01l1.93-.16l.21-.01v-5.17c0-.27.03-.34.07-.38a.3.3 0 0 1 .13-.06c.09-.02.21-.04.39-.05l.25-.02l.21-.01v-.83l-.25-.23l-3.03.25l-.21.02v.82l.25.23l.4-.02l.1-.01h.26c.03 0 .05.02.06.03c.01.02.04.08.04.2v2.87l-2.27-3.9l-.08-.12l-.15.01l-3.09.3l-.21.01v.8l.24.23l.49-.02h.17l.1.03l.03.04c.02.02.03.06.04.15v3.92c0 .08-.01.17-.05.24c-.02.05-.07.1-.21.11l-.6.06l-.21.02v.2z"/><path fill="#fff" stroke="#000" stroke-miterlimit="1.41" stroke-width=".32" d="m7.8 13.27l-.06.29c-.1-.09-.23-.18-.37-.27a1.4 1.4 0 0 0-.52-.15a4.2 4.2 0 0 0-1.71.17a3.4 3.4 0 0 0-2.38 2.83c-.12 1.08.02 2.08.57 2.79c.56.72 1.5 1.08 2.86.97a2.96 2.96 0 0 0 2.26-1.15c.43-.57.57-1.23.57-1.67l-.25-.23l-.74.06l-.23.01l.02.23c.02.31-.1.82-.42 1.19c-.15.18-.34.32-.56.39c-.23.07-.5.09-.85-.01c-.49-.15-.76-.63-.88-1.28a5.6 5.6 0 0 1 .01-1.83v-.01c.03-.23.15-.59.39-.89a1.4 1.4 0 0 1 1.1-.53c.52-.01.81.2.98.47c.18.28.24.63.23.87l.25.23l.74-.07l.2-.02v-2.4l-.24-.22l-.76.05l-.17.02z"/><path fill="#fff" stroke="#000" stroke-miterlimit="1.41" stroke-width=".3" d="m9.88 12.47l-.15.04v.34l.25.2c.48-.15.9-.49 1.15-.93c.18-.3.22-.7.06-1.02c-.13-.26-.38-.46-.68-.46a.93.93 0 0 0-.9.8c-.03.33.23.69.58.7c.06 0 .19-.05.1.04a.76.76 0 0 1-.42.3z"/><path fill="#fff" stroke="#000" stroke-dashoffset="4.96" stroke-width=".34" d="m21.66 9.85l-.01 1.04s.91-.11 1.07-.02c.14.3 0 6.3-.03 6.6c-.37.09-.82.12-1.05.2l.02 1.04l4.19-.45l-.02-1.05s-.86.11-1.04 0c-.03-.1-.12-2.77-.12-2.77s1.12.03 2.71-.38c0 0 1.45-.47 1.54-2.45c-.05-1.93-1.39-2.4-1.96-2.42c-.22-.08-5 .64-5.3.66zm4 .74c.63 0 1.16.29 1.19 1.1c-.09 1.2-.8 1.45-1.91 1.44l-.03-2.42c.25-.07.5-.12.75-.12z"/></svg>

Как использовать иконку File Type Capnp

React

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

<Icon icon="vscode-icons:file-type-capnp" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-capnp" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-capnp" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="vscode-icons:file-type-capnp"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-capnp.svg" alt="Иконка File Type Capnp" width="24" height="24">

Вопросы и ответы: Иконка File Type Capnp

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

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

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

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

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

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

Все VSCode Icons →