Иконка Timeslots

vs:timeslots

Иконка Timeslots (vs:timeslots) — бесплатная SVG-иконка из набора Vesper Icons от 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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Timeslots в React?

Установите @iconify/react и выведите <Icon icon="vs:timeslots" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Timeslots на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/vs/timeslots.svg" alt="Иконка Timeslots">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Vesper Icons →