File Type Eps アイコン

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

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

vscode-icons:file-type-eps

File Type Eps アイコン(vscode-icons:file-type-eps)は、VSCode Icons セットの無料 SVG アイコンです（作者: Roberto Huertas）。 32 × 32 のグリッドで描かれています。 VSCode Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typeeps、filetypeeps

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGgR76UdPh" x1="-403.546" x2="-403.376" y1="-337.031" y2="-337.031" gradientTransform="matrix(96.894 -151.7 -151.7 -96.894 -12016.61 -93843.838)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#e6e6e6"/></linearGradient><linearGradient id="SVG70NcNc1O" x1="-403.546" x2="-403.376" y1="-337.033" y2="-337.033" gradientTransform="matrix(96.894 -151.7 -151.7 -96.894 -12016.61 -93843.838)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#949494"/><stop offset="1" stop-color="#8c8c8c"/></linearGradient><linearGradient id="SVGeid63c3Z" x1="-403.546" x2="-403.376" y1="-336.987" y2="-336.987" href="#SVG70NcNc1O"/><linearGradient id="SVGPyWkL10i" x1="-405.673" x2="-405.503" y1="-336.64" y2="-336.64" gradientTransform="matrix(-54.933 -55.519 -55.519 54.933 -40949.55 -4004.8)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b3b3b3"/><stop offset="1" stop-color="#f2f2f2"/></linearGradient></defs><path fill="#949494" d="M24.037 2.072h-.003l5.564 5.801v22.055H8.814V30H29.67V7.945z"/><path fill="url(#SVGgR76UdPh)" d="M23.893 7.945V2.072l5.633 5.873zM23.965 2H8.742v1.432h13.719v6.832H8.742v19.664H29.6V7.873l-5.564-5.8z"/><path fill="url(#SVG70NcNc1O)" d="M23.893 2.072v5.873h5.633z"/><path fill="#fff" d="M23.965 2v5.873h5.633z"/><path fill="#949494" d="M8.742 3.432H2.384v6.832h6.358z"/><path fill="url(#SVGeid63c3Z)" d="M22.461 3.432H8.742v6.832h13.719z"/><path fill="#030100" d="M2.33 3.378h20.077v6.832H2.33z"/><path fill="#fe7814" d="M10.003 7.309H8.779v.834h1.371v.995H7.863V4.605h2.216v.989h-1.3v.733h1.224zm1.16-2.643a5.5 5.5 0 0 1 1.129-.094a1.43 1.43 0 0 1 1.078.356a1.56 1.56 0 0 1 .39 1.1a1.77 1.77 0 0 1-.329 1.116a1.42 1.42 0 0 1-1.139.471a2 2 0 0 1-.223-.014v1.54h-.906Zm.906 2a2 2 0 0 0 .207.014a.564.564 0 0 0 .582-.632a.5.5 0 0 0-.516-.565a1 1 0 0 0-.273.027Zm2.708 1.262a1.7 1.7 0 0 0 .886.283c.314 0 .466-.141.466-.37s-.152-.35-.536-.525a1.45 1.45 0 0 1-.957-1.365A1.32 1.32 0 0 1 16 4.531a1.75 1.75 0 0 1 .926.235l-.192.968a1.43 1.43 0 0 0-.744-.215c-.278 0-.43.135-.43.336c0 .229.182.323.612.538a1.4 1.4 0 0 1 .891 1.365a1.357 1.357 0 0 1-1.458 1.453a1.9 1.9 0 0 1-1-.283Z"/><path fill="url(#SVGPyWkL10i)" d="M12.608 17.582s5.392-4.282 9.559-.15s.18 9.739.18 9.739Z"/><path fill="#666" d="m22.42 27.223l-.147-.1c.039-.055 3.892-5.59-.17-9.623s-9.387.114-9.44.156l-.112-.141c.055-.043 5.5-4.287 9.678-.143s.231 9.795.191 9.851"/><path fill="#999" d="m17.863 13.255l.127-.127l8.406 8.375l-.127.128z"/><path fill="#fff" d="M21.792 17.058h.749v.749h-.749z"/><path fill="gray" d="M22.692 17.958h-1.051v-1.051h1.051Zm-.749-.3h.447v-.447h-.447Z"/><path fill="#fff" d="M12.233 17.208h.749v.749h-.749z"/><path fill="gray" d="M13.133 18.108h-1.051v-1.051h1.051Zm-.749-.3h.447v-.447h-.447Z"/><path fill="#fff" d="M21.972 26.797h.749v.749h-.749z"/><path fill="gray" d="M22.872 27.7h-1.051v-1.054h1.051Zm-.749-.3h.447v-.447h-.447Z"/><path fill="#999" d="M17.552 12.818h.749v.749h-.749zm8.406 8.375h.749v.749h-.749z"/></svg>

File Type Eps アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-eps"></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-eps"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-eps.svg" alt="File Type Eps アイコン" width="24" height="24">

VSCode Icons の関連アイコン

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

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

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

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

@iconify/react をインストールして <Icon icon="vscode-icons:file-type-eps" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

File Type Eps アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-eps.svg" alt="File Type Eps アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

VSCode Icons をすべて見る →