Filen アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:filen

Filen アイコン(selfhst:filen)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#09090b" fill-rule="evenodd" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0M119.6 79.1h159.6c5.5-8.8 15.3-14.6 26.5-14.6c17.2 0 31.3 14 31.3 31.3S323 127 305.7 127c-11.4 0-21.3-6.1-26.8-15.1H102.4v305.3c0 .3 0 .6-.1.9c15.7 14.9 33.6 27.5 53.1 37.4V322.8c0-.3.1-.5.1-.8s.1-.5.1-.8c.1-.3.1-.5.2-.8s.1-.5.2-.8s.2-.5.2-.8c.1-.3.2-.5.3-.8s.2-.5.3-.7c.1-.3.2-.5.3-.7s.3-.4.3-.7c.1-.3.3-.4.4-.7c.2-.2.3-.4.4-.7c.2-.2.3-.4.4-.7c.2-.2.3-.4.4-.6c.2-.2.3-.4.5-.6s.3-.4.5-.6l.6-.6c.2-.2.4-.3.6-.5s.4-.3.6-.5s.4-.3.6-.4c.2-.2.4-.3.7-.4c.2-.2.4-.3.7-.4s.4-.3.7-.3c.3-.1.4-.2.7-.3s.5-.2.7-.3c.3-.1.5-.2.8-.3s.5-.2.8-.2c.3-.1.5-.2.8-.2c.3-.1.5-.1.8-.2s.5-.1.8-.1s.5-.1.8-.1s.5-.1.8-.1h55.2c5.5-8.8 15.3-14.6 26.5-14.6c17.2 0 31.3 14 31.3 31.3S270.3 355 253 355c-11.4 0-21.3-6.1-26.8-15.1H188v126.7c0 .7-.1 1.4-.2 2.2c21.6 6.8 44.5 10.5 68.2 10.5c21.2 0 41.8-2.9 61.3-8.5V301.6c-8.7-5.5-14.5-15.2-14.5-26.4c0-17.2 14-31.3 31.3-31.3s31.3 14 31.3 31.3c0 11.4-6.1 21.4-15.3 26.9v156.5c15-7 29.1-15.6 42.2-25.6V274.7c0-.3.1-.5.1-.8s.1-.5.1-.8c.1-.3.1-.5.2-.8s.1-.5.2-.8s.2-.5.2-.8c.1-.3.2-.5.3-.8s.2-.5.3-.8s.2-.5.3-.7s.3-.4.3-.7c.1-.3.3-.4.4-.7s.3-.4.4-.7c.2-.2.3-.4.4-.7c.1-.2.3-.4.4-.6c.2-.2.3-.4.5-.6s.3-.4.6-.6l.6-.6c.2-.2.4-.3.6-.5s.4-.3.6-.5s.4-.3.7-.4c.2-.2.4-.3.7-.4c.2-.1.4-.3.7-.4c.2-.2.4-.3.7-.3c.3-.1.4-.2.7-.3s.5-.2.7-.3c.3-.1.5-.2.8-.3s.5-.2.8-.2c.3-.1.5-.1.8-.2s.5-.1.8-.2s.5-.1.8-.1c.3-.1.5-.1.8-.1s.5-.1.8-.1h71.2V256c0-55.9-20.5-107-54.5-146.2v70.3c0 .3-.1.5-.1.8s-.1.5-.1.8c-.1.3-.1.5-.2.8s-.1.5-.2.8s-.2.5-.2.8c-.1.3-.2.5-.3.8s-.2.5-.3.8s-.2.5-.3.7c-.1.3-.3.4-.3.7c-.1.3-.3.4-.4.7c-.2.3-.3.4-.4.7c-.2.2-.3.4-.4.7c-.2.2-.3.4-.5.6s-.3.4-.5.6s-.3.4-.6.6s-.4.3-.6.6c-.2.2-.4.3-.6.5s-.4.3-.6.5s-.4.3-.7.4c-.2.2-.4.3-.7.4c-.3.2-.4.3-.7.4s-.4.3-.7.3c-.3.1-.5.2-.7.3c-.3.1-.5.2-.8.3s-.5.2-.8.3s-.5.2-.8.2c-.3.1-.5.1-.8.2s-.5.1-.8.2s-.5.1-.8.1c-.3.1-.5.1-.8.1H188.1V229c9.1 5.5 15.2 15.4 15.2 26.8c0 17.2-14 31.3-31.3 31.3s-31.2-14-31.2-31.3c0-11.1 5.8-20.9 14.5-26.4v-50.7c0-.3.1-.5.1-.8s.1-.5.1-.8c.1-.3.1-.5.2-.8s.1-.5.2-.8s.2-.5.2-.8c.1-.3.2-.5.3-.8s.2-.5.3-.7c.1-.3.2-.5.3-.7s.3-.4.3-.7c.1-.3.3-.4.4-.7c.2-.3.3-.4.4-.7c.2-.2.3-.4.4-.7c.2-.2.3-.4.4-.6c.2-.2.3-.4.5-.6s.3-.4.5-.6l.6-.6c.2-.2.4-.3.6-.5s.4-.3.6-.5s.4-.3.6-.4c.2-.2.4-.3.7-.4c.2-.2.4-.3.7-.4s.4-.3.7-.3c.3-.1.4-.2.7-.3s.5-.2.7-.3c.3-.1.5-.2.8-.3s.5-.2.8-.2c.3-.1.5-.2.8-.2c.3-.1.5-.1.8-.2s.5-.1.8-.1s.5-.1.8-.1s.5-.1.8-.1h220.9V80.7c0-.5 0-1 .1-1.5c-37.7-29.3-84.9-46.6-136.3-46.6S157.3 50 119.6 79.1M32.6 256c0-45.5 13.6-87.9 37-123.2v246.4c-23.3-35.3-37-77.7-37-123.2m443.9 35.8h-51.7v110.4c26.6-30.6 44.9-68.5 51.7-110.4"/></svg>

Filen アイコンの使い方

React

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

<Icon icon="selfhst:filen" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:filen" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:filen" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--filen]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:filen"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/filen.svg" alt="Filen アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Filen アイコン

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →