Ícone Coloringbook
arcticons:coloringbook
O ícone Coloringbook (arcticons:coloringbook) é um ícone SVG gratuito da coleção Arcticons de Donnnno. Ele é desenhado em uma grade de 48 × 48. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Arcticons
- Autor
- Donnnno
- Licença
- CC-BY-SA-4.0
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m7.83 7.322l16.373 2.034l16.475-1.932l-.203 33.457l-12.353-3.307a2.69 2.69 0 0 1-3.323 1.15"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.424 11.085v5.354l-5.492.036l4.983 2.135l-1.118 5.186l3.254-4.067l4.474 2.847l-2.542-4.78l3.966-2.949l-5.353 1.148ZM7.83 7.322l-.305 33.05l9.46-1.4m1.219-.836l3.05 2.745l10.78-12.305l2.44-5.186l-5.593 2.237zM24.203 9.35v19.232"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.915 22.17c-.008 2.072 4.284 2.483 4.875.496c2.768-.268 4.114-1.178 2.956-3.649c1.77-3.422-.168-3.836-1.83-4.474c-1.185-2.01-2.754-2.605-5.086-.407c-3.802-.568-3.02 2.672-2.644 4.068c-2.087 1.802-.444 5.3 1.73 3.966"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.216 23.884c.996 4.305-.638 8.93-1.097 13.235c.937-7.353 4.082-11.636 8.949-13.526c-7.137 5.176-.683 10.9-8.95 13.526"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.119 37.119c-.826-3.745 1.339-8.678-3.72-10.007c.578-3.098 3.22 1.541 4.817-3.228"/><ellipse cx="15.748" cy="18.302" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.187" ry="1.151"/></svg>Como usar o ícone Coloringbook
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:coloringbook" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:coloringbook" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:coloringbook" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--coloringbook]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:coloringbook"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:coloringbook"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/arcticons/coloringbook.svg" alt="Ícone Coloringbook" width="24" height="24">Perguntas frequentes sobre Ícone Coloringbook
O ícone Coloringbook é grátis para uso comercial?
Sim. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Coloringbook no React?
Instale @iconify/react e renderize <Icon icon="arcticons:coloringbook" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Coloringbook a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/arcticons/coloringbook.svg" alt="Ícone Coloringbook">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.