Ícone Manus Dark
thesvg-color:manus-dark
O ícone Manus Dark (thesvg-color:manus-dark) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 60 × 60. theSVG Color 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
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 60 × 60
- Tags
- manusdark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="#fff" fill-rule="evenodd" d="M9.4 8.558a2.15 2.15 0 0 0 .974 2.87c1.517.75 2.832 1.488 4.135 2.967c.78.886 2.126.968 3.006.182s.96-2.142.18-3.028c-1.857-2.108-3.767-3.143-5.445-3.972a2.12 2.12 0 0 0-2.85.981m11.508-6.244a2.146 2.146 0 0 0-1.55 2.6c.2.803.386 1.49.556 2.118c.325 1.203.593 2.193.788 3.379a2.13 2.13 0 0 0 2.447 1.767a2.143 2.143 0 0 0 1.754-2.466c-.23-1.402-.587-2.728-.946-4.06c-.16-.589-.319-1.18-.467-1.778a2.13 2.13 0 0 0-2.582-1.56m12.171 1.319a2.12 2.12 0 0 0-2.925.721c-1.131 1.879-1.726 3.728-2.279 5.954a2.146 2.146 0 0 0 1.55 2.6a2.13 2.13 0 0 0 2.581-1.56c.512-2.063.982-3.43 1.788-4.769a2.153 2.153 0 0 0-.715-2.946M43.933 56.61c4.129-2.638 6.983-16.788 6.355-21.002c0 0-.654-2.262-2.25-2.262c-1.224 0-1.9.995-2.15 1.46a16 16 0 0 0-.609-.209c-.094-.03-.225-.072-.349-.11l-.234-.076q-.285-.09-.54-.178v-.06c.008-1.368-.131-3.502-1.548-5.726c-.226-.356-.44-.674-.623-.944l-.115-.169a36 36 0 0 1-.345-.514c-.253-.386-.322-.534-.348-.602l-.002-.003c-.01-.027-.031-.08-.037-.246c-.007-.202.01-.585.141-1.255l.682-2.724l.003-.014a6.7 6.7 0 0 0 .046-2.236c-.162-1.076-.784-3.116-2.977-4.298c-.536-.289-1.177-.462-1.81-.545a8 8 0 0 0-1.654-.042a7.77 7.77 0 0 0-4.689 2.032l-.392.412a32.5 32.5 0 0 0-2.613 3.683c-2.226-1.047-4.845-2.25-6.675-2.896c-2.008-.71-4.25-1.304-6.357-1.227c-2.333.084-4.956 1.062-6.33 3.83c-.564 1.138-.804 2.466-.515 3.85c.277 1.323.962 2.335 1.616 3.04c1.214 1.311 2.84 2.123 3.986 2.615c.878.377 1.78.69 2.578.945q-.127.229-.25.47a9.2 9.2 0 0 0-.72 1.837c-.19.724-.34 1.757-.07 2.921a6.24 6.24 0 0 0 1.48 2.843a12 12 0 0 0-.02 1.167c.093 2.704 1.744 4.506 3.196 5.529c1.384.974 3.013 1.571 4.33 1.973c1.273.388 2.616.696 3.708.947l.233.053c1.164.267 2.313.577 3.464.886c1.304.35 2.61.701 3.935.992l1.243.268l.141.368c1.72 4.396 4.017 7.178 7.085 5.218M28.216 38.62a6 6 0 0 1-.49-.22a2.12 2.12 0 0 0-2.866.915a2.153 2.153 0 0 0 .906 2.893q.128.066.26.128a12 12 0 0 0 2.569.875c1.397.299 3.98.526 5.732-1.496c.841-.97 1.246-2.247 1.4-3.44c.158-1.228.079-2.576-.23-3.889c-.608-2.584-2.218-5.413-5.225-6.754c-2.576-1.15-5.122-1.42-7.269-1.177c-1.433.162-2.802.568-3.902 1.187v-.048c-2.69-.773-8.044-2.313-6.726-4.97c1-2.015 3.738-1.849 7.452-.537c1.508.533 3.604 1.483 5.581 2.409c.613.287 1.215.571 1.784.84c.83.394 2.216 1.04 2.216 1.04c1.576-1.906 2.189-2.956 2.73-3.883c.37-.637.709-1.216 1.303-1.976c.84-1.075 2.2-1.739 3.595-1.35c.972.524.725 1.848.725 1.848l-.676 2.7c-.645 3.175.07 4.227 1.245 5.96c.207.303.428.629.658.99c.939 1.473.895 2.89.86 4.045c-.023.743-.042 1.38.205 1.853c.509.976 2.414 1.58 3.662 1.977c.3.096.563.18.759.253l.133.053c-.176.55-.335 1.119-.495 1.687c-.71 2.529-1.418 5.046-3.527 5.8c-2.66.952-5.322.052-5.322.052c-.48-.142-.968-.25-1.457-.36c-.609-.136-1.218-.273-1.81-.471c-.827-.309-1.984-.574-3.242-.863c-2.994-.687-6.558-1.505-7.579-3.35a2.25 2.25 0 0 1-.284-1.025c-.058-1.697.533-3.217.533-3.217s-.916.004-1.558-.618a1.96 1.96 0 0 1-.543-.99c-.203-.876-.028-2.145 1.036-3.218l.534-.536c.27-.271 1.068-.849 2.585-1.02c1.44-.162 3.222.012 5.07.837c1.416.632 2.396 2.082 2.805 3.822c.2.85.237 1.675.15 2.348c-.09.71-.292 1.065-.384 1.171c-.115.133-.518.36-1.642.12a8 8 0 0 1-1.261-.396" clip-rule="evenodd"/></svg>Como usar o ícone Manus Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:manus-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:manus-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:manus-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--manus-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:manus-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:manus-dark"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/manus-dark.svg" alt="Ícone Manus Dark" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Manus Dark
O ícone Manus Dark é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Manus Dark no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:manus-dark" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Manus Dark a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/manus-dark.svg" alt="Ícone Manus Dark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.