Icône Beach With Umbrella
emojione-v1:beach-with-umbrella
L'icône Beach With Umbrella (emojione-v1:beach-with-umbrella) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Emoji One (v1)
- Auteur
- Emoji One
- Licence
- CC-BY-SA-4.0
- Taille
- 64 × 64
- Catégorie
- Voyage
- Mots-clés
- beachwith, withumbrella, beachwithumbrella
Code 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>Comment utiliser l'icône 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>Web component
<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>Image HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/beach-with-umbrella.svg" alt="Icône Beach With Umbrella" width="24" height="24">L'icône Beach With Umbrella dans d'autres collections
FAQ : Icône Beach With Umbrella
L'icône Beach With Umbrella est-elle gratuite pour un usage commercial ?
Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Beach With Umbrella dans React ?
Installez @iconify/react et affichez <Icon icon="emojione-v1:beach-with-umbrella" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Beach With Umbrella à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/beach-with-umbrella.svg" alt="Icône Beach With Umbrella">, ou collez le code SVG directement dans la page pour le styliser en CSS.