Timeslots アイコン

vs:timeslots

Timeslots アイコン(vs:timeslots)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 2080 × 1504 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vesper Icons
作者: TableCheck
ライセンス: OFL-1.1
サイズ: 2080 × 1504
タグ: timeslot

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2080" height="1504" viewBox="0 0 2080 1504"><path fill="currentColor" d="M815 61q-44 0-74.5 38T710 191v140q0 54 31 92.5t74 38.5h417q43 0 73.5-38.5T1336 331V191q0-54-30.5-92T1232 61zM105 1071q-44 0-74.5 38.5T0 1202v142q0 54 30.5 91.5T105 1473h417q44 0 74.5-38t30.5-92v-141q0-54-31-92.5t-74-38.5zm0 131h417v141H105zm710-131q-43 0-74 38.5t-31 92.5v141q0 54 30.5 92t74.5 38h417q43 0 73.5-38t30.5-92v-141q0-54-30.5-92.5T1232 1071zM105 61q-44 0-74.5 38T0 191v140q0 54 30.5 92.5T105 462h417q43 0 74-38.5t31-92.5V191q0-54-30.5-92T522 61zm1423 0q-44 0-75 38t-31 92v140q0 54 31 92.5t75 38.5h416q44 0 74.5-38.5T2049 331V191q0-54-30.5-92T1944 61zm0 1010q-44 0-75 38.5t-31 92.5v141q0 54 31 92t75 38h416q44 0 74.5-38t30.5-92v-141q0-54-30.5-92.5T1944 1071zm0 131h416v141h-416zM105 548q-44 0-74.5 38T0 678v178q0 54 30.5 92.5T105 987h417q43 0 74-38.5t31-92.5V678q0-54-30.5-92T522 548zm0 130h417v178H105zm710-130q-44 0-74.5 38T710 678v178q0 54 31 92.5t74 38.5h417q43 0 73.5-38.5T1336 856V678q0-54-30.5-92t-73.5-38zm713 0q-44 0-75 38t-31 92v178q0 54 31 92.5t75 38.5h416q44 0 74.5-38.5T2049 856V678q0-54-30.5-92t-74.5-38z"/></svg>

Timeslots アイコンの使い方

React

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

<Icon icon="vs:timeslots" width="24" />

Vue

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

<template>
  <Icon icon="vs:timeslots" width="24" />
</template>

Svelte

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

<Icon icon="vs:timeslots" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="vs:timeslots"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vs/timeslots.svg" alt="Timeslots アイコン" width="24" height="24">

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

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

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Vesper Icons をすべて見る →