Иконка Vacation

griddy-icons:vacation

Иконка Vacation (griddy-icons:vacation) — бесплатная SVG-иконка из набора Griddy Icons от Zuzana Benova. Она нарисована на сетке 24 × 24. Griddy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Griddy Icons
Автор: Zuzana Benova
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9.95 3.9a4.75 4.75 0 0 1 3.8-1.9H15v1.5h-1.25a3.25 3.25 0 0 0-2.6 1.3L11 5h.682a6.75 6.75 0 0 1 3.745 1.134l1.488.992l-.832 1.248l-1.488-.992a5.25 5.25 0 0 0-2.913-.882h-.463l1.01 1.089a4.75 4.75 0 0 1 1.27 3.232v.679H12v-.68c0-.82-.31-1.61-.868-2.21l-.882-.95v4.44c0 1.667.242 3.316.711 4.9h4.978l1.5-1.5H13.5V14h5.44l1.56-1.56V9.5H22v3.56l-4.69 4.69l1.72 1.72l-1.06 1.06l-2.03-2.03h-4.46q.41 1.028.952 2H16V22H7v-1.5h3.738a19 19 0 0 1-.86-2H5.06l-2.03 2.03l-1.061-1.06L4.439 17H9.4a18.7 18.7 0 0 1-.652-4.9V7.66l-.881.95a3.25 3.25 0 0 0-.869 2.21v.68H5.5v-.68a4.75 4.75 0 0 1 1.27-3.23L7.778 6.5h-.463a5.25 5.25 0 0 0-2.912.882l-1.489.992l-.832-1.248l1.489-.992A6.75 6.75 0 0 1 7.316 5h.683l-.15-.2a3.25 3.25 0 0 0-2.6-1.3H4V2h1.25a4.75 4.75 0 0 1 3.8 1.9l.45.6z" clip-rule="evenodd"/></svg>

Как использовать иконку Vacation

React

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

<Icon icon="griddy-icons:vacation" width="24" />

Vue

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

<template>
  <Icon icon="griddy-icons:vacation" width="24" />
</template>

Svelte

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

<Icon icon="griddy-icons:vacation" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--vacation]"></span>

UnoCSS

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

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

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

<iconify-icon icon="griddy-icons:vacation"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/griddy-icons/vacation.svg" alt="Иконка Vacation" width="24" height="24">

Иконка Vacation в других наборах

Вопросы и ответы: Иконка Vacation

Можно ли бесплатно использовать иконку Vacation в коммерческих проектах?

Да. Griddy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Griddy Icons →