Иконка Beach With Umbrella

emojione-v1:beach-with-umbrella

Иконка Beach With Umbrella (emojione-v1:beach-with-umbrella) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Emoji One (v1)
Автор: Emoji One
Лицензия: CC-BY-SA-4.0
Размер: 64 × 64
Категория: Путешествия
Теги: beachwith, withumbrella, beachwithumbrella

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#fceb97" d="M64 56.889C64 60.762 60.805 64 56.986 64H6.9C3.088 64 .021 60.873.021 57V6c0-3.87 3.066-6 6.879-6h50.086C60.805 0 64 3.048 64 6.096z"/><ellipse cx="20.17" cy="20.406" fill="#e9c61c" rx="16.583" ry="16.712"/><path fill="#fff" d="M31.818 20.302c0 6.49-5.223 11.753-11.659 11.753c-6.438 0-11.661-5.263-11.661-11.753S13.722 8.55 20.159 8.55s11.659 5.261 11.659 11.752"/><path fill="#7ad8f9" d="M0 40.02h64v19.365H0z"/><path fill="#324449" d="M16.06 18.04s3.927 1.138 6.143 5.193c0 0 6.637-1.035 9.263 2.855c0 0 5.07-2.125 9.152 1.389c0 0 5.683-1.498 8.423 2.047c0 0 5.01-1.209 9.294.438c.438.171 3.316-2.86 5.574-1.086c0 0-.473-1.164-.775-1.479c-.307-.311-7.885-6.518-7.885-6.518l-17.01-5.288l-18.647.266l-3.534 2.183"/><path fill="#2780ff" d="M15.768 18.09s6.84-1.288 13.598 4.02c0 0 3.78-10.06 13.274-10.06c.001.001-16.01-4.261-26.872 6.04"/><path fill="#f4c484" d="M28.52 54.49c.371 0 23.971-8.938 35.458-5.858v10.484l-13.961 3.083l-19.893-3.852l-1.604-3.254"/><path fill="#e8b872" d="M33.709 50.49C16.176 40.615.449 53.04 0 53.402v3.602c0 3.873 3.066 7 6.879 7h50.09c3.816 0 7.01-3.238 7.01-7.111v-1.314c0-.003-12.477 4.933-30.27-5.089"/><path fill="#f4c484" d="M63.37 59.54c-3.203 1.424-19.812-.417-19.812-.417s-21.36-3.456-24.895-4.02C8.879 53.536 1.031 57.71.005 58.286c.518 3.01 2.907 5.345 5.916 5.721H57.7c2.562-.324 4.732-2.096 5.67-4.464"/><path fill="#7a7a7a" d="M41.643 13.1L30.871 53h2.527l9.243-39.566z"/><path fill="#ff0100" d="M51.633 21.21c-.033-.557-2.128-3.924-2.128-4.12s-1.963-2.553-2.026-2.717c-.063-.162-2.386-1.797-2.386-1.797l-2.336-.549l-.021.032c-.647-.077-8.508-.762-13.49 10.11c0 0 10.193-3.534 20.54 4.686c.012.031.04.08.126.097c.064.05.125.088.189.144l.015-.181c.122-.039.276-.12.5-.308c.754-.622 1.051-4.841 1.017-5.397"/><path fill="#2780ff" d="M64 28.829s-5.579-4.05-13.993-1.683c0 0 1.036-11.272-7.497-15.16c0 .001 16.267 2.435 21.49 16.846"/></svg>

Как использовать иконку Beach With Umbrella

React

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

<Icon icon="emojione-v1:beach-with-umbrella" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:beach-with-umbrella" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:beach-with-umbrella" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--beach-with-umbrella]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:beach-with-umbrella"></div>

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

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

<iconify-icon icon="emojione-v1:beach-with-umbrella"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/emojione-v1/beach-with-umbrella.svg" alt="Иконка Beach With Umbrella" width="24" height="24">

Иконка Beach With Umbrella в других наборах

Вопросы и ответы: Иконка Beach With Umbrella

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

Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Иконки Emoji One (v1) →