Ícone Couple 48
energy-icons:couple-48
O ícone Couple 48 (energy-icons:couple-48) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 48 × 48. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Energy Icons
- Autor
- Sam Passmore
- Licença
- MIT
- Tamanho
- 48 × 48
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M17 17.001a4 4 0 1 0-8.001.001A4 4 0 0 0 17 17.001m2 0A6 6 0 1 1 6.999 17A6 6 0 0 1 19 17.001m2 25c0-4-.965-7.024-2.43-9.02C17.116 31.002 15.154 30 13 30s-4.117 1.002-5.57 2.98C5.965 34.977 5 38 5 42a1 1 0 1 1-2 0c0-4.3 1.036-7.776 2.82-10.204C7.616 29.35 10.154 28 13 28s5.383 1.349 7.18 3.796C21.965 34.225 23 37.7 23 42a1 1 0 1 1-2 0m18-24.999a4 4 0 1 0-8.001.001A4 4 0 0 0 39 17.001m2 0A6 6 0 1 1 28.999 17A6 6 0 0 1 41 17.001m2 25c0-4-.965-7.024-2.43-9.02C39.116 31.002 37.154 30 35 30s-4.117 1.002-5.57 2.98C27.966 34.977 27 38 27 42a1 1 0 1 1-2 0c0-4.3 1.036-7.776 2.82-10.204C29.616 29.35 32.154 28 35 28s5.383 1.349 7.18 3.796C43.965 34.225 45 37.7 45 42a1 1 0 1 1-2 0M26.6 6.6a.79.79 0 0 0-.8-.8c-.412 0-.722.186-.968.555a1 1 0 0 1-1.664 0c-.247-.369-.556-.554-.968-.554a.79.79 0 0 0-.8.8c0 .35.134.755.412 1.204c.277.445.662.88 1.074 1.27c.4.376.803.691 1.114.916c.31-.225.714-.54 1.113-.917c.413-.39.799-.824 1.075-1.27c.279-.448.412-.853.412-1.203m2 0c0 .85-.316 1.62-.713 2.26c-.398.641-.913 1.207-1.4 1.667a13.4 13.4 0 0 1-1.948 1.517l-.012.007l-.003.002h-.002a1 1 0 0 1-.92.065l-.124-.064l-.002-.001l-.004-.002l-.01-.007l-.166-.107a13.4 13.4 0 0 1-1.782-1.41c-.488-.46-1.003-1.026-1.401-1.668c-.396-.638-.713-1.41-.713-2.258c0-1.724 1.422-2.8 2.8-2.8c.709 0 1.31.22 1.8.574a3.02 3.02 0 0 1 1.8-.574c1.379 0 2.8 1.077 2.8 2.8"/></svg>Como usar o ícone Couple 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:couple-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:couple-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:couple-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--couple-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:couple-48"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:couple-48"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/couple-48.svg" alt="Ícone Couple 48" width="24" height="24">Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Couple 48
O ícone Couple 48 é grátis para uso comercial?
Sim. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Couple 48 no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:couple-48" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Couple 48 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/couple-48.svg" alt="Ícone Couple 48">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.