Иконка File Type Apache

vscode-icons:file-type-apache

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#f79a23" d="M17.02 8a18 18 0 0 1 2.65-3.83s-.92 1.33-2.24 4c.8.21 3.07.66 6.23-.15c.07-.58-.31-1.21-2.24-1.42c-1.25-.14 1.51-3-.49-4.35l-.19-.12l-.21-.07c-2.34-.6-2.67 3.36-3.6 2.5c-1.5-1.37-2.46-1.05-2.94-.5c.5.92 1.74 2.98 3.03 3.93"/><path fill="#d22128" d="M12.76 18.26a89 89 0 0 1 1.88-5.13C12.77 12.08 9.9 8.53 8.8 7.1q-.3.4-.38 1.19c-.24 2.83 2.68 4.92 2.1 5.3c-.77.51-2.3-1.2-2.9-.11a22 22 0 0 0 5.14 4.77zm.57.28a21 21 0 0 0 6.8.96c.41-1.11-1.12-1.22-1.25-2.11c-.1-.69 4.04.58 5.37-1.93l.17-.36c-4.93 0-8.41-1.36-9.27-1.72a83 83 0 0 0-1.82 5.16"/><path fill="#dd552c" d="M14.64 13.13A50 50 0 0 1 17.03 8c-1.3-.96-2.53-3.02-3.04-3.93q-.27.32-.35.64c-.48 1.72 1.23 3.8-.15 3.05c-1.14-.64-3.71-2.03-4.7-.65c1.1 1.42 3.98 4.97 5.85 6.02m6.2-.97c-1.47-.53 1.55-1.94 2.53-3.44c.13-.2.26-.44.3-.7a12.3 12.3 0 0 1-6.23.15a67 67 0 0 0-2.29 5.21c.86.37 4.34 1.71 9.27 1.72c.83-2.16-2.17-2.44-3.57-2.94z"/><path fill="#7c297d" d="M13.33 18.54a94 94 0 0 0-1.54 5.45c2.9.96 5.57 0 5.66-1.18v-.03c.07-1.25-1.81-.56-1.77-1.3c.05-.77 3.29-.01 4.29-1.64l.16-.34a22 22 0 0 1-6.8-.96m-5.72-5.06l-.11.27c-.56 1.83 3.41 4.28 2.87 4.82c-.49.48-1.12-.62-1.9-.17a1 1 0 0 0-.27.2c-.88.92-.01 3.53 2.5 4.93A148 148 0 0 0 8.96 30c.2-.08.46-.15.52-.34c.1-.39.66-2.7 1.6-5.85c0 0 .16-.65.48-1.71a109 109 0 0 1 1.2-3.84a22 22 0 0 1-5.15-4.78"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →