Ícone Beach 2 Duo
streamline-kameleon-color:beach-2-duo
O ícone Beach 2 Duo (streamline-kameleon-color:beach-2-duo) é um ícone SVG gratuito da coleção Kameleon color icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Kameleon color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Kameleon color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Entretenimento
- Tags
- beachduo
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#deeeff" d="M23.999 48c13.255 0 24-10.746 24-24s-10.745-24-24-24s-24 10.745-24 24c0 13.254 10.745 24 24 24"/><path fill="#2e3ecd" d="M14.817 27.49c-.436.873 0 2.618.436 3.49c.359-1.936 1.026-3.346 2.182-3.927q1.745-.436 3.491.873c.436-.872-.873-2.182-1.745-2.182q.872-1.308 3.49-.872q-1.309-1.31-4.363-.873c-.007-.942.932-2.17 2.182-3.49c-1.691.082-3.303.979-4.8 3.054c-1.691-.29-3.303-.073-4.8.872c1.105-.285 2.618.437 3.054.873c-2.927.889-3.616 3.049-3.49 5.673q1.308-2.62 4.363-3.491m8.728-4.364c.04-2.433.812-4.351 3.054-5.236c-.436-.873-3.49-2.182-6.545-2.182c2.618-1.745 6.982-1.745 8.727-.436q0-2.619-1.745-5.237c2.181.437 4.363 2.182 4.8 4.364c1.177-.934 3.49-1.31 5.672-.436c-2.27.792-2.863 1.49-3.49 2.618c3.05.574 3.627 2.493 3.49 4.8q-1.746-2.182-5.236-2.618c1.912 2.463 1.578 4.425 0 6.109c-.629-2.784-1.597-4.537-3.055-4.8c-1.745-.437-4.8 1.745-5.672 3.054"/><path fill="#6bafff" d="M26.228 34.536c.428-8.285 2.885-12.029 3.893-14.065a2.2 2.2 0 0 0-.904-.4a2 2 0 0 0-.475-.05c-3 2.472-5.599 10.218-6.917 14.373a40 40 0 0 1 4.403.142"/><path fill="#6bafff" d="M21.98 34.389c-1.065-4.298-2.136-6.273-3.19-7.41a3.5 3.5 0 0 0-1.354.074c-.18.09-.346.209-.503.339c1.312 2.86 1.875 5.376 2.11 7.185a33 33 0 0 1 2.937-.188"/><path fill="#2e3ecd" d="M10.035 37.962h27.927c-3.047-3.106-21.08-6.203-27.927 0"/></g></svg>Como usar o ícone Beach 2 Duo
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:beach-2-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:beach-2-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:beach-2-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--beach-2-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:beach-2-duo"></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-duo"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/beach-2-duo.svg" alt="Ícone Beach 2 Duo" width="24" height="24">Ícones relacionados em Kameleon color icons
Perguntas frequentes sobre Ícone Beach 2 Duo
O ícone Beach 2 Duo é grátis para uso comercial?
Sim. Kameleon color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Beach 2 Duo no React?
Instale @iconify/react e renderize <Icon icon="streamline-kameleon-color:beach-2-duo" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Beach 2 Duo a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/beach-2-duo.svg" alt="Ícone Beach 2 Duo">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.