Seafile アイコン

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

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

selfhst:seafile

Seafile アイコン(selfhst:seafile)は、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"><linearGradient id="SVGDWydDWul" x1="-98.665" x2="-96.529" y1="-.51" y2="-.51" gradientTransform="rotate(90 -7577.286 7754.519)scale(154.4688)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fad956"/><stop offset="1" stop-color="#ffa10f"/></linearGradient><path fill="url(#SVGDWydDWul)" d="M0 235.2c0-8.5 6.9-15.4 15.5-15.4c4.1 0 7.7 1.6 10.5 4.2c-.1-1.4-.2-2.7-.2-4.1c0-28.5 23.1-51.6 51.6-51.6c7.4 0 14.4 1.5 20.8 4.4c-.1-1.5-.2-2.9-.2-4.3c0-42.7 34.6-77.3 77.3-77.3c42.4 0 76.8 34.2 77.3 76.5c-14 12.3-25.1 27.8-32.3 45.3c-13.8-8.6-30.1-13.8-47.6-13.8c-36 0-67 20.4-81.5 51.3H15.5c-8.6 0-15.5-6.7-15.5-15.2M407.1 189c-19.1-19.1-45.5-31-74.7-31c-53.3 0-97.4 39.4-104.6 90.8c-13.1-17.5-34.1-28.9-57.7-28.9c-39.9 0-72.2 32.4-72.2 72.2c0 11.6 2.8 22.5 7.6 32.3c-25.1 5.1-43.7 24.5-43.7 47.7c0 27.1 25.4 49 56.7 49c13.8 0 26.5-4.3 36.4-11.4l116-114.1c12.8-11.8 29.9-18.9 48.6-18.9c39.2 0 71.1 31.3 72.2 70.2c0 0 0-.1-.1-.1c.6 11.5-5.4 23.1-16.4 29.5c-15.5 8.9-34.8 4.2-43.3-10.5c-8.5-14.8-2.9-33.9 12.5-42.8c3.6-2.1 7.4-3.4 11.2-4.1c-3.3-.7-6.8-1-10.3-1c-28.4 0-51.6 23.1-51.6 51.6s23.1 51.6 51.6 51.6c1.2 0 2.5-.1 3.8-.2l-.1-.2l1.5-.2h101.2v.4c31-1.4 60.2-29.9 60.2-64.6c0-35.6-30.4-64.6-66-64.6h-.2c-5.8 10.3-12.8 16.3-20.7 22.7c8.3-15.1 13.1-32.4 13.1-50.8c0-29.2-11.9-55.5-31-74.6"/></svg>

Seafile アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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

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