File Type Search Result アイコン

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

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

vscode-icons:file-type-search-result

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#a074c4" d="M19.64 2.04V2q-2.7 0-5 1.52q-2.32 1.52-3.42 4.03q-1.1 2.52-.7 5.25q.39 2.72 2.22 4.8L3.67 28l1.25 1.13l9.03-10.36q1.78 1.41 3.99 1.83q2.2.41 4.35-.23q2.14-.65 3.76-2.23t2.35-3.72t.42-4.37t-1.62-4.08t-3.31-2.89t-4.25-1.04m0 17.02q-2.28 0-4.2-1.31q-1.91-1.31-2.78-3.46q-.88-2.14-.42-4.4q.46-2.27 2.08-3.92t3.87-2.1q2.25-.46 4.37.44t3.39 2.83t1.27 4.22q0 1.54-.56 2.95q-.57 1.42-1.63 2.5t-2.45 1.67q-1.4.58-2.94.58M19.7 3.7q-2.25 0-4.16 1.22q-1.92 1.23-2.85 3.31q-.94 2.08-.59 4.33q.36 2.24 1.86 3.95L6.4 25.09l1.09.96l7.44-8.53q1.5 1.16 3.33 1.5q1.83.33 3.6-.2T25 17q1.35-1.31 1.96-3.08q.6-1.77.33-3.62t-1.35-3.37t-2.73-2.37q-1.64-.85-3.51-.85zm0 14.02q-1.92 0-3.5-1.06t-2.3-2.83q-.74-1.77-.36-3.64t1.73-3.25q1.35-1.37 3.22-1.75q1.87-.37 3.62.38t2.83 2.33q1.25 1.87 1.02 4.12q-.23 2.24-1.81 3.87q-.88.87-2.04 1.35q-1.17.48-2.41.48M6.04 30L3.1 27.42l10.27-11.65l2.92 2.58z"/></svg>

File Type Search Result アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

VSCode Icons をすべて見る →