File Type Ats アイコン

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

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

vscode-icons:file-type-ats

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fefe5f" d="M30 14.74v.49a.74.74 0 0 0 0 .49v.56a.74.74 0 0 0 0 .49v.56a16 16 0 0 1-.373 2.332a14.13 14.13 0 0 1-8.8 9.59a10.3 10.3 0 0 1-3.471.713a.14.14 0 0 0-.096.035h-.56a.39.39 0 0 0-.35 0h-.7a.55.55 0 0 0-.42 0h-.56a14.5 14.5 0 0 1-2.366-.383a14.3 14.3 0 0 1-6.051-3.426a14.05 14.05 0 0 1-3.66-5.791a9.9 9.9 0 0 1-.558-2.9c0-.057.011-.117-.035-.165v-.56a.92.92 0 0 0 0-.56v-.42a.92.92 0 0 0 0-.56v-.56a13 13 0 0 1 .454-2.637a14.04 14.04 0 0 1 7.118-8.594a13.7 13.7 0 0 1 3.719-1.292c.456-.09.923-.065 1.379-.152h.56a1.5 1.5 0 0 0 .512.035h.645c.15-.016.307.036.453-.035h.42c.434.071.879.047 1.311.129a14.13 14.13 0 0 1 10.7 9.076a10.4 10.4 0 0 1 .7 3.37c-.005.057-.016.117.029.165"/><path fill="#fe0000" d="M10.2 17.448c-.133.05-.165.185-.23.286c-1.316 2.049-2.634 4.1-3.937 6.155c-.154.244-.263.245-.479.094a16 16 0 0 0-1.294-.83c-.259-.145-.272-.251-.114-.5c1.939-3.007 3.863-6.023 5.8-9.029a.79.79 0 0 0 .1-.748a5.6 5.6 0 0 0-.482-1.12a1.12 1.12 0 0 0-1.4-.542a5.4 5.4 0 0 0-1.889 1.169q-.413.351-.794.737c-.133.135-.215.158-.358.007c-.408-.433-.832-.85-1.253-1.27c-.09-.09-.156-.154-.027-.278a10.3 10.3 0 0 1 3.391-2.42a3.39 3.39 0 0 1 4.336 1.582a8.1 8.1 0 0 1 .954 4.418a19.6 19.6 0 0 0 .179 4.67a4 4 0 0 0 .12.473a1.9 1.9 0 0 0 2.124 1.573q5.965 0 11.932-.007c.332 0 .406.1.391.405q-.036.75 0 1.5c.013.273-.065.347-.342.346c-2.3-.012-4.6-.007-6.894-.007H14.9A4.16 4.16 0 0 1 11.861 23a5.2 5.2 0 0 1-1.389-2.917a14.4 14.4 0 0 1-.225-2.435c0-.065.031-.141-.047-.2"/><path fill="#0000fe" d="M26.708 13.593c0-.276-.086-.322-.336-.32c-1.482.012-2.963.006-4.445.006c-.832 0-.822 0-.832-.825c0-.238.049-.313.3-.31c1.365.013 2.73 0 4.095.011c.229 0 .323-.032.316-.294a49 49 0 0 1 0-2.239c0-.2-.03-.278-.26-.278q-5.337.014-10.675 0c-.251 0-.276.094-.273.3c.01.734.015 1.47 0 2.2c-.006.242.052.311.3.308c1.2-.014 2.4-.006 3.605-.006c.8 0 .789 0 .8.816c.006.272-.078.321-.33.319c-1.645-.012-3.29 0-4.935-.012c-.269 0-.351.059-.349.342q.018 3.481 0 6.965c0 .259.06.328.324.327c2.065-.012 4.13-.007 6.195-.007s4.107 0 6.16.005c.241 0 .34-.028.338-.313q-.018-3.495.002-6.995M19.043 18.1c-.548-.011-1.1 0-1.643 0s-1.1-.007-1.644 0c-.185 0-.266-.032-.26-.243a25 25 0 0 0 0-1.538c-.006-.207.068-.25.26-.248q1.643.012 3.287 0c.192 0 .265.043.259.249a27 27 0 0 0 0 1.538c.008.216-.074.249-.259.242m5.857-1.761c-.017.5-.013 1 0 1.5c0 .185-.026.265-.24.263a194 194 0 0 0-3.322 0c-.165 0-.251-.02-.245-.222q.021-.787 0-1.573c0-.188.06-.237.24-.233c.56.01 1.119 0 1.679 0c.536 0 1.072.009 1.608 0c.211-.005.292.038.28.265"/></svg>

File Type Ats アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →