Self アイコン

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

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

file-icons:self

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

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M141.086 343.907v-21.49l8.061.071c2.059 13.622 11.41 17.965 20.92 18.04c9.71 0 18.877-4.988 18.877-19.748s-17.172-19.77-26.713-25.28s-20.539-12.837-20.539-29.104s16.438-25.512 28.858-26.424s15.216-.036 30.494 3.294v20.84h-8.172c-2.49-12.26-10.308-16.993-19.336-16.993s-17.157 5.858-17.45 16.676s6.404 14.846 20.097 22.752s26.748 12.89 26.71 32.532c-.694 20.65-15.371 28.899-31.918 28.899c-11.837 0-19.775-1.355-29.889-4.065m89.06-33.167c1.756 12.345 7.988 27.637 24.036 27.607s24.386-13.407 26.446-16.975l6.57 4.956c-3.94 7.96-16.462 23.752-37.749 23.752s-35.965-19.711-35.965-48.434c0-14.227 10.55-37.04 36.502-37.04s30.44 26.268 32.795 34.492zm34.931-15.564c-2.911-8.686-7.692-24.444-22.008-22.301s-15.95 19.214-14.463 30.303zm50.956 36.83c0 9.854 5.801 9.87 8.752 10.66v4.159h-30.853v-4.16c2.334-.892 8.855-.608 8.855-10.659v-81.698c-.181-4.044-.79-8.776-10.374-8.776v-5.817h23.62m72.157 14.897h-8.296c-.448-.775-.973-7.941-9.114-7.833s-11.013 7.574-11.013 18.849v10.853h18.008v8.208h-18.008v51.317c0 9.503 5.374 10.054 8.871 10.66v4.159H337.12v-4.16c3.559-.953 8.645-1.138 8.645-10.659V280.69h-9.015v-4.035c12.421-1.977 5.975-4.978 11.142-21.504s19.475-19.435 29.737-19.435s10.56.549 10.56.549zM81.97 317.8l-9.42-14.282l60.472 20.968l-53.483 36.161l6.077-17.017c-206.353-9.908-1.516-142.25 211.731-180.035s300.686 15.664 107.395 108.786l6.938-17.484L395 248.23c183.2-97.177.608-105.704-155.23-65.556S-49.784 305.677 81.97 317.799"/></svg>

Self アイコンの使い方

React

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

<Icon icon="file-icons:self" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:self" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:self" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:self"></div>

Web コンポーネント

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

<iconify-icon icon="file-icons:self"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/self.svg" alt="Self アイコン" width="24" height="24">

Self アイコンのよくある質問

Self アイコンは商用利用でも無料ですか?

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

React で Self アイコンを使うには?

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

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

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

File Icons をすべて見る →