Icône Manus Light

thesvg-color:manus-light

L'icône Manus Light (thesvg-color:manus-light) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 60 × 60. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: theSVG Color
Auteur: thesvg.org
Licence: MIT
Taille: 60 × 60
Mots-clés: manuslight

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><path fill="#34322d" fill-rule="evenodd" d="M9.4 8.559a2.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.766a2.143 2.143 0 0 0 1.754-2.465c-.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.946m10.854 52.978c4.129-2.639 6.983-16.79 6.355-21.003c0 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-.075q-.285-.091-.54-.18v-.06c.008-1.367-.131-3.501-1.548-5.725c-.226-.356-.44-.674-.623-.944l-.115-.169a36 36 0 0 1-.345-.515c-.253-.385-.322-.533-.348-.601l-.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.031l-.392.413a32.5 32.5 0 0 0-2.613 3.683c-2.226-1.047-4.845-2.25-6.675-2.897c-2.008-.71-4.25-1.303-6.357-1.226c-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.3 9.3 0 0 0-.72 1.837c-.19.724-.34 1.756-.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.507 3.196 5.529c1.384.974 3.013 1.571 4.33 1.973c1.273.388 2.616.696 3.708.947l.233.053a95 95 0 0 1 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.916a2.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.577-.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.393 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-.137-1.218-.273-1.81-.471c-.827-.309-1.984-.575-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-.163 3.222.012 5.07.836c1.416.633 2.396 2.083 2.805 3.823c.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>

Comment utiliser l'icône Manus Light

React

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

<Icon icon="thesvg-color:manus-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:manus-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:manus-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--manus-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:manus-light"></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-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/manus-light.svg" alt="Icône Manus Light" width="24" height="24">

Icônes similaires dans theSVG Color

FAQ : Icône Manus Light

L'icône Manus Light est-elle gratuite pour un usage commercial ?

Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Manus Light dans React ?

Installez @iconify/react et affichez <Icon icon="thesvg-color:manus-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Manus Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/manus-light.svg" alt="Icône Manus Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes theSVG Color →