Ícone Baby Boy Duotone

keyline-icons:baby-boy-duotone

O ícone Baby Boy Duotone (keyline-icons:baby-boy-duotone) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: babyboy, boyduotone, babyboyduotone

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M4 10.5C4 5.8 7.6 2 12 2C16.4 2 20 5.8 20 10.5C21.1046 10.5 22 11.6193 22 13C22 14.3807 21.1046 15.5 20 15.5L20 15.738C20 17.3 19 18.9 17.45 20.1C15.9 21.3 13.94 22 12 22C10.06 22 8.1 21.3 6.55 20.1C5 18.9 4 17.3 4 15.738L4 15.5C2.8954 15.5 2 14.3807 2 13C2 11.6193 2.8954 10.5 4 10.5Z"/><path d="M12 2C10.8 2.3 9.1 3.2742 9.1 5.5C9.1 7.2121 10.4879 8.6 12.2 8.6C13.1163 8.6 13.9857 8.1946 14.5747 7.4926M9 12.6L9 13.6M15 12.6L15 13.6M10.5 17.45C11 17.8 11.5 17.95 12 17.95C12.5 17.95 13 17.8 13.5 17.45"/></g></svg>

Como usar o ícone Baby Boy Duotone

React

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

<Icon icon="keyline-icons:baby-boy-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:baby-boy-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:baby-boy-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--baby-boy-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:baby-boy-duotone"></div>

Web component

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

<iconify-icon icon="keyline-icons:baby-boy-duotone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/baby-boy-duotone.svg" alt="Ícone Baby Boy Duotone" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Baby Boy Duotone

O ícone Baby Boy Duotone é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Baby Boy Duotone no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:baby-boy-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Baby Boy Duotone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/baby-boy-duotone.svg" alt="Ícone Baby Boy Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →