Ícone Bird
keyline-icons:bird
O ícone Bird (keyline-icons:bird) é 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
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 d="M10.8703 7.0963L2.0956 18.7651C1.8455 19.0976 2.1188 19.5572 2.5379 19.5002C4.9266 19.1754 6.7693 18.5988 8.1714 17.8575C19.009 18.1077 21.551 8.4795 19.2462 5.3327C16.6431 1.63 13.9428 3.1503 12.918 4.3733L10.8703 7.0963ZM8.1714 17.8575C13.4666 15.0578 12.4764 9.9085 10.8703 7.0963M20.0269 7.2419L21.8164 8.6366C22.1089 8.8646 22.0404 9.3153 21.6925 9.4509L20.0269 10.1M10 17.9861L10 21M13.5 17.4L13.5 19.9714"/><path fill="currentColor" d="M17 8C17 8.5523 16.5523 9 16 9C15.4477 9 15 8.5523 15 8C15 7.4477 15.4477 7 16 7C16.5523 7 17 7.4477 17 8Z" stroke="none"/></g></svg>
Como usar o ícone Bird
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:bird" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:bird" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:bird" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--bird]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:bird"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:bird"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/bird.svg" alt="Ícone Bird" width="24" height="24">
Ícones relacionados em Keyline Icons
O ícone Bird em outras coleções
Perguntas frequentes sobre Ícone Bird
O ícone Bird é 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 Bird no React?
Instale @iconify/react e renderize <Icon icon="keyline-icons:bird" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bird a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/bird.svg" alt="Ícone Bird">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Keyline Icons →
ICONYZ
