Folder Type Suse Opened アイコン

Q: Folder Type Suse Opened アイコンは商用利用でも無料ですか?

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

vscode-icons:folder-type-suse-opened

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

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: foldertype、typesuse、suseopened、foldertypesuseopened

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#addc7a" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#addc7a" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#72ba25" fill-rule="evenodd" d="M28.8 19.4a.85.85 0 0 0-.62.231a.87.87 0 0 0 .561 1.5a.866.866 0 1 0 .059-1.731m.142.947c-.212 0-.384-.115-.384-.256s.172-.256.384-.256s.384.114.384.256c0 .141-.172.256-.384.256m2.02 1.03c.006-.005.02-.018.019-.03c-.048-.3-.495-1.75-.833-2.1c-.093-.095-.168-.188-.32-.276c-1.22-.713-4.12-1.14-4.26-1.16c0 0-.013-.003-.022.006c-.008.007-.01.021-.01.021l-.012.668c-.296-.1-2.45-.795-4.47-.865c-1.71-.06-4.21-.282-7.51 1.75l-.098.06c-1.55.97-2.63 2.17-3.19 3.55c-.176.438-.413 1.42-.178 2.35c.101.407.29.815.543 1.18c.574.826 1.54 1.37 2.57 1.46c1.46.132 2.57-.526 2.97-1.76c.271-.85 0-2.1-1.04-2.73c-.846-.517-1.76-.4-2.28-.05c-.458.303-.717.775-.712 1.29c.01.919.802 1.41 1.37 1.41c.165 0 .331-.03.518-.09a.8.8 0 0 0 .198-.088l.022-.013l.014-.009l-.005.003a.47.47 0 0 0 .19-.514a.467.467 0 0 0-.535-.33l-.032.007l-.044.014l-.063.021c-.13.032-.229.035-.25.036c-.066-.004-.394-.102-.394-.46v-.006c0-.132.053-.224.082-.275c.102-.16.381-.317.758-.284c.495.043.851.296 1.09.775c.22.445.162.992-.148 1.39c-.308.397-.855.566-1.58.488a2.16 2.16 0 0 1-1.7-1.16c-.34-.643-.359-1.41-.048-1.99c.743-1.4 2.15-1.39 2.92-1.26c1.14.198 2.44 1.25 2.89 2.46c.074.193.112.347.145.487l.05.21l1.29.628c.027.014.037.018.048.01c.013-.01.005-.037.005-.037c-.008-.029-.026-.055-.056-.415c-.025-.32-.074-1.19.366-1.63c.17-.17.432-.321.638-.37c.844-.205 1.83-.063 2.77 1.02c.484.56.72.815.839.929l.041.037c.016.013.026.024.049.036c.039.022 1.61.744 1.61.744s.019.01.032-.007s0-.034 0-.034c-.01-.012-.994-1.28-.82-2.33c.139-.834.803-.759 1.72-.655c.3.035.642.074.996.082c.987.006 2.05-.176 2.7-.463c.424-.184.694-.307.864-.46a.5.5 0 0 0 .125-.222l.023-.058a3 3 0 0 0 .085-.305c.008-.036.016-.072-.014-.095c-.028-.021-.09.017-.09.017c-.289.173-1.01.5-1.68.515c-.836.016-2.53-.845-2.7-.936q-.176-.42-.354-.837c1.21.797 2.21 1.24 2.98 1.31c.855.076 1.52-.39 1.81-.585q.058-.04.11-.08zm-3.43-1.15a1.24 1.24 0 0 1 1.283-1.198c.684.024 1.22.602 1.2 1.28a1.24 1.24 0 0 1-1.284 1.198a1.25 1.25 0 0 1-1.2-1.28z" clip-rule="evenodd"/></svg>

Folder Type Suse Opened アイコンの使い方

React

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

<Icon icon="vscode-icons:folder-type-suse-opened" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:folder-type-suse-opened" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:folder-type-suse-opened" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--folder-type-suse-opened]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:folder-type-suse-opened"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="vscode-icons:folder-type-suse-opened"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-suse-opened.svg" alt="Folder Type Suse Opened アイコン" width="24" height="24">

VSCode Icons の関連アイコン

Folder Type Suse Opened アイコンのよくある質問

Folder Type Suse Opened アイコンは商用利用でも無料ですか?

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

React で Folder Type Suse Opened アイコンを使うには?

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

Folder Type Suse Opened アイコンをウェブページに追加するには?

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

VSCode Icons をすべて見る →