File Type Symfony アイコン

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

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

vscode-icons:file-type-symfony

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#c5c5c5" d="M16 2A14 14 0 1 1 2 16A14 14 0 0 1 16 2m6.121 5.18a5.02 5.02 0 0 0-3.588 1.92a12.1 12.1 0 0 0-2.194 4.038a7.8 7.8 0 0 0-2.962-2.056a3.62 3.62 0 0 0-3.281.6a2.94 2.94 0 0 0-1 1.462a3.31 3.31 0 0 0 .837 3.034l.86.922a1.31 1.31 0 0 1 .4 1.328a1.59 1.59 0 0 1-2.021.93c-.406-.124-.989-.426-.858-.852a4 4 0 0 1 .245-.455a2 2 0 0 0 .109-.283a1.14 1.14 0 0 0-.641-1.427a.954.954 0 0 0-1.319.659c-.244.792.135 2.231 2.167 2.857c2.38.731 4.393-.565 4.679-2.255c.18-1.059-.3-1.845-1.174-2.857l-.713-.789a1.3 1.3 0 0 1-.133-1.733a1.53 1.53 0 0 1 1.8-.441c1.285.349 1.858 1.241 2.814 1.96c-.395 1.295-.653 2.594-.886 3.759l-.142.869c-.683 3.584-1.2 5.552-2.56 6.681a2.2 2.2 0 0 1-1.252.505a.36.36 0 0 1-.412-.3c-.007-.217.175-.316.3-.413a.75.75 0 0 0 .437-.788a1.19 1.19 0 0 0-1.276-1.134a1.48 1.48 0 0 0-1.373 1.5c.033.99.956 1.732 2.347 1.685a5.62 5.62 0 0 0 4.041-2.274a14.16 14.16 0 0 0 2.828-6.648l.447-2.47q.371.046.8.057c2.373.05 3.559-1.179 3.577-2.073a.97.97 0 0 0-.868-1.061a.99.99 0 0 0-.94.763c-.108.5.755.949.08 1.386a3.76 3.76 0 0 1-2.549.351l.22-1.216c.449-2.306 1-5.143 3.1-5.212c.153-.008.713.007.726.377c0 .124-.027.155-.172.439a1 1 0 0 0-.2.625a.984.984 0 0 0 1.116.952a1.207 1.207 0 0 0 1.1-1.306c-.035-1.018-1.109-1.662-2.53-1.615Z"/></svg>

File Type Symfony アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →