Filerise アイコン
selfhst:filerise
Filerise アイコン(selfhst:filerise)は、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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGQqftPeSf" x1="-685.946" x2="-685.946" y1="791.86" y2="783.033" gradientTransform="matrix(56 0 0 -56 38669 44353)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2196f3"/><stop offset="1" stop-color="#1976d2"/></linearGradient><path fill="url(#SVGQqftPeSf)" d="M61.8 8.8h388.4c29.3 0 53 23.7 53 53v388.4c0 29.3-23.7 53-53 53H61.8c-29.3 0-53-23.7-53-53V61.8c0-29.3 23.7-53 53-53"/><path fill="#fff" d="M450.2 512H61.8C27.7 512 0 484.3 0 450.2V61.8C0 27.7 27.7 0 61.8 0h388.4C484.3 0 512 27.7 512 61.8v388.4c0 34.1-27.7 61.8-61.8 61.8M61.8 17.7c-24.3 0-44.1 19.8-44.1 44.1v388.4c0 24.3 19.8 44.1 44.1 44.1h388.4c24.3 0 44.1-19.8 44.1-44.1V61.8c0-24.3-19.8-44.1-44.1-44.1zM53 185.4h406c4.9 0 8.8 4 8.8 8.8v35.3c0 4.9-4 8.8-8.8 8.8H53c-4.9 0-8.8-4-8.8-8.8v-35.3c-.1-4.9 3.9-8.8 8.8-8.8m0 105.9h406c4.9 0 8.8 4 8.8 8.8v35.3c0 4.9-4 8.8-8.8 8.8H53c-4.9 0-8.8-4-8.8-8.8v-35.3c-.1-4.8 3.9-8.8 8.8-8.8m0 105.9h406c4.9 0 8.8 4 8.8 8.8v35.3c0 4.9-4 8.8-8.8 8.8H53c-4.9 0-8.8-4-8.8-8.8V406c-.1-4.8 3.9-8.8 8.8-8.8"/><path fill="#1565c0" d="M494.3 174.3H17.7v-13.2h476.7v13.2zm0 92.7H17.7v13.2h476.7V267zM437 211.9c0 7.3 5.9 13.2 13.2 13.2s13.2-5.9 13.2-13.2s-5.9-13.2-13.2-13.2c-7.3-.1-13.2 5.8-13.2 13.2m0 105.9c0 7.3 5.9 13.2 13.2 13.2s13.2-5.9 13.2-13.2s-5.9-13.2-13.2-13.2s-13.2 5.9-13.2 13.2m0 105.9c0 7.3 5.9 13.2 13.2 13.2s13.2-5.9 13.2-13.2s-5.9-13.2-13.2-13.2s-13.2 5.9-13.2 13.2M220.7 70.6v17.7c0 4.9 4 8.8 8.8 8.8h53c4.9 0 8.8-4 8.8-8.8V70.6c0-4.9-4-8.8-8.8-8.8h-53c-4.9 0-8.8 3.9-8.8 8.8"/></svg>Filerise アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:filerise" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:filerise" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:filerise" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--filerise]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:filerise"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:filerise"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/filerise.svg" alt="Filerise アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Filerise アイコン のよくある質問
Filerise アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Filerise アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:filerise" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Filerise アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/filerise.svg" alt="Filerise アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。