File Type Apache アイコン

Q: File Type Apache アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

vscode-icons:file-type-apache

File Type Apache アイコン(vscode-icons:file-type-apache)は、VSCode Icons セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

<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">

VSCode Icons の関連アイコン

File Type Apache アイコンのよくある質問

File Type Apache アイコンは商用利用でも無料ですか?

はい。VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で File Type Apache アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →