Ícone Hairy Caterpillar
pinhead:hairy-caterpillar
O ícone Hairy Caterpillar (pinhead:hairy-caterpillar) é um ícone SVG gratuito da coleção Pinhead Map Icons de Quincy Morgan. Ele é desenhado em uma grade de 15 × 15. Pinhead Map Icons são publicados sob a licença CC0, 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
- Pinhead Map Icons
- Autor
- Quincy Morgan
- Licença
- CC0-1.0
- Tamanho
- 15 × 15
- Tags
- hairycaterpillar
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M14.38 6.21c.34 0 .62-.28.62-.62s-.28-.62-.62-.62h-1.09v-.83h1.02c.34 0 .62-.27.62-.62c0-.34-.28-.62-.62-.62h-1.12l-.09-.19l1.02-1.02c.24-.24.24-.64 0-.88a.63.63 0 0 0-.88 0l-1.03 1.03l-.16-.06V.62a.625.625 0 0 0-1.25 0v1.16l-.16.07L9.62.84a.61.61 0 0 0-.88 0c-.24.24-.25.63 0 .88l1.02 1.01l-.07.18H8.52c-.34 0-.62.27-.62.62c0 .34.28.62.62.62h1.04v.83H8.53c-.34 0-.62.27-.62.62c0 .34.28.62.62.62h1.08c-.01.66-.22 1.31-.59 1.86l-.87-.86a.61.61 0 0 0-.88 0a.61.61 0 0 0 0 .88l.86.86c-.54.37-1.19.59-1.89.59V8.51a.625.625 0 0 0-1.25 0v1.01h-.83V8.43a.625.625 0 1 0-1.25 0V9.6c-.05.02-.12.04-.17.07l-1-1.02a.62.62 0 0 0-.89 0c-.24.25-.24.65 0 .9l1 1.01c-.04.07-.06.13-.09.21H.61c-.34 0-.61.27-.61.62c0 .34.27.62.61.62h1.15c.02.07.05.15.08.22L.83 13.26c-.24.25-.24.65 0 .9c.12.12.28.19.45.19s.33-.07.44-.19l1.02-1.03c.05.03.12.05.18.07v1.16c0 .35.28.64.63.64c.34 0 .62-.29.62-.64v-1.11H5v1.08c0 .35.28.62.62.62c.35 0 .62-.27.62-.62V13.3c.34 0 .67-.04.99-.08l.27 1.01a.63.63 0 0 0 .77.45c.33-.09.53-.43.44-.77l-.26-.98c.23-.07.45-.15.66-.25l.5.85c.11.2.32.32.54.32c.15 0 .3-.06.43-.17c.22-.2.25-.54.1-.8l-.47-.8c.21-.14.41-.3.61-.46l.72.72c.12.12.28.18.45.18c.21 0 .42-.1.54-.31c.15-.25.08-.57-.13-.77l-.7-.7c.16-.19.31-.38.45-.58l.82.47c.18.1.38.11.57.03c.18-.08.31-.24.36-.43c.07-.27-.08-.55-.33-.69l-.82-.47c.1-.22.18-.44.26-.67l.96.26c.2.05.41.01.56-.12a.62.62 0 0 0 .23-.52c0-.27-.22-.5-.49-.57l-.97-.26c.04-.32.08-.64.08-.97h1.01zM6.12 12H3.49c-.34 0-.62-.28-.62-.62s.28-.62.62-.62h2.68c2.56 0 4.63-2.07 4.63-4.61l-.01-2.63c0-.34.27-.62.61-.62h.03c.34 0 .62.28.62.62l.01 2.63C12.06 9.38 9.4 12 6.12 12"/></svg>Como usar o ícone Hairy Caterpillar
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:hairy-caterpillar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:hairy-caterpillar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:hairy-caterpillar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--hairy-caterpillar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:hairy-caterpillar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:hairy-caterpillar"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/pinhead/hairy-caterpillar.svg" alt="Ícone Hairy Caterpillar" width="24" height="24">Ícones relacionados em Pinhead Map Icons
Perguntas frequentes sobre Ícone Hairy Caterpillar
O ícone Hairy Caterpillar é grátis para uso comercial?
Sim. Pinhead Map Icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Hairy Caterpillar no React?
Instale @iconify/react e renderize <Icon icon="pinhead:hairy-caterpillar" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Hairy Caterpillar a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/pinhead/hairy-caterpillar.svg" alt="Ícone Hairy Caterpillar">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.