Icône Beach 2
streamline-kameleon-color:beach-2
L'icône Beach 2 (streamline-kameleon-color:beach-2) est une icône SVG gratuite de la collection Kameleon color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Kameleon color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Kameleon color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Divertissement
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#25b7d3" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#0c7367" d="M14.818 27.49c-.436.872 0 2.618.436 3.49c.359-1.937 1.026-3.347 2.182-3.927q1.746-.436 3.491.873c.436-.873-.873-2.182-1.745-2.182q.872-1.31 3.49-.873q-1.308-1.308-4.363-.872c-.007-.942.932-2.17 2.182-3.49c-1.691.081-3.303.979-4.8 3.053c-1.691-.288-3.303-.072-4.8.873c1.105-.286 2.618.436 3.054.873c-2.927.888-3.616 3.048-3.49 5.672q1.308-2.618 4.363-3.49m8.727-4.364c.04-2.433.813-4.35 3.055-5.236c-.437-.872-3.491-2.181-6.546-2.181c2.618-1.746 6.982-1.746 8.728-.437q0-2.617-1.746-5.236c2.182.436 4.364 2.182 4.8 4.364c1.178-.934 3.49-1.31 5.673-.437c-2.27.793-2.863 1.49-3.491 2.618c3.05.574 3.627 2.493 3.49 4.8q-1.744-2.181-5.236-2.618c1.913 2.463 1.579 4.425 0 6.109c-.628-2.784-1.596-4.537-3.054-4.8c-1.746-.436-4.8 1.745-5.673 3.054"/><path fill="#84462d" d="M26.23 34.535c.428-8.285 2.885-12.028 3.893-14.064a2.2 2.2 0 0 0-.905-.4a2 2 0 0 0-.475-.05c-3 2.472-5.598 10.217-6.916 14.372a40 40 0 0 1 4.402.142"/><path fill="#692e19" d="M21.981 34.39c-1.065-4.298-2.136-6.274-3.19-7.41a3.5 3.5 0 0 0-1.354.073a2.7 2.7 0 0 0-.503.339c1.312 2.861 1.876 5.376 2.11 7.185a33 33 0 0 1 2.937-.188"/><path fill="#f8e1c2" d="M10.036 37.961h27.927c-3.047-3.106-21.08-6.203-27.927 0"/><path fill="#fcf1e2" d="M10.036 37.961H18.4l6.082-3.542c-5.471-.243-11.208.61-14.445 3.542"/></g></svg>Comment utiliser l'icône Beach 2
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:beach-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:beach-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:beach-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--beach-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:beach-2"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:beach-2"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/beach-2.svg" alt="Icône Beach 2" width="24" height="24">Icônes similaires dans Kameleon color icons
FAQ : Icône Beach 2
L'icône Beach 2 est-elle gratuite pour un usage commercial ?
Oui. Les Kameleon color icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Beach 2 dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-kameleon-color:beach-2" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Beach 2 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/beach-2.svg" alt="Icône Beach 2">, ou collez le code SVG directement dans la page pour le styliser en CSS.