Sinatra アイコン
file-icons:sinatra
Sinatra アイコン(file-icons:sinatra)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M379.75 166.192c-3.161 3.161-87.276-9.272-127.397-7.112c-54.793 2.948-81.765 21.917-91.037 16.014c-5.778-3.682 3.19-36.361 16.62-45.874c6.627-10.415 56.109 4.83 111.42 8.568c39.196 2.648 75.28 20.077 90.394 28.404m30.778 26.334c116.334 24.502 128.806 110.489 56.994 160.111c-153.634 91-413.816 97.79-461.37 3.925c0 0-41.224-79.94 89.745-127.65c31.356-45.331 27.793-99.495 52.991-127.474c13.54-11.63 30.62-16.655 70.244-11.243c30.906 3.37 121.377 19.67 143.3 27.536c52.61 17.89 49.52 47.752 48.096 74.795m-18.366 48.756c1.15-9.496 1.383-52.874 2.107-67.617c.907-18.372-10.31-30.373-37.508-40.133c-20.143-7.228-109.284-23.358-139.45-26.648c-25.6-3.183-47.028-2.91-56.998 6.855c-12.069 12.514-19.648 48.168-29.117 82.098c-5.432 19.464-20.821 38.022-24.73 52.077c12.765 12.509 40.51 24.446 99.24 24.446h125.589c33.626.767 58.472-12.57 60.867-31.078M95.21 307.31c-3.941-6.856-12.212-33.487-7.733-53.306c-52.67 22.99-77.755 60.32-61.072 93.66c46.887 76.46 210.848 61.911 313.253 36.242c155.008-30.85 209.848-134.934 70.99-171.892c.565 16.977-3.13 81.278-3.13 81.278c1.25 60.883-272.391 65.08-312.308 14.018"/></svg>Sinatra アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:sinatra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:sinatra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:sinatra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--sinatra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:sinatra"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:sinatra"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/sinatra.svg" alt="Sinatra アイコン" width="24" height="24">他のアイコンセットの Sinatra アイコン
Sinatra アイコン のよくある質問
Sinatra アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sinatra アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:sinatra" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sinatra アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/sinatra.svg" alt="Sinatra アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。