ICONYZ
Français
Icône Mx Claus Medium Light Skin Tone de Noto Emoji

Icône Mx Claus Medium Light Skin Tone

noto:mx-claus-medium-light-skin-tone

L'icône Mx Claus Medium Light Skin Tone (noto:mx-claus-medium-light-skin-tone) est une icône SVG gratuite de la collection Noto Emoji par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji icons sont publiées sous la licence Apache 2.0, 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
Noto Emoji
Auteur
Google Inc
Licence
Apache-2.0
Taille
128 × 128
Catégorie
Personnes et corps
Mots-clés
mxclaus, clausmedium, mediumlight, lightskin, skintone
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#BDBDBD" d="M98.9 79.85c-1.25-2.27.34-4.58 3.06-7.44c4.31-4.54 9-15.07 4.64-25.76c.03-.06-.86-1.86-.83-1.92l-1.79-.09c-.57-.08-20.26-.12-39.97-.12s-36.06.07-36.06.07c-2.84 1.92-14.39 13.87-2.1 28.52c2.53 3.02 4.5 4.48 3.26 6.75c-1.21 2.21-4.81 2.53-4.81 2.53s.83 2.26 2.83 3.48c1.85 1.13 4.13 1.39 5.7 1.43c0 0 6.15 8.51 22.23 8.51h17.9c16.08 0 22.23-8.51 22.23-8.51c1.57-.04 3.85-.3 5.7-1.43c2-1.22 2.83-3.48 2.83-3.48s-3.61-.33-4.82-2.54"/><g opacity=".5"><radialGradient id="SVGDqaPkdKv" cx="99.144" cy="81.941" r="23.419" gradientTransform="matrix(1 0 0 -.4912 -20.067 122.19)" gradientUnits="userSpaceOnUse"><stop offset=".732" stop-color="#D6D6D6" stop-opacity="0"/><stop offset=".806" stop-color="#E6E6E6" stop-opacity=".279"/><stop offset=".92" stop-color="#F8F8F8" stop-opacity=".701"/><stop offset="1" stop-color="#FFF"/></radialGradient><path fill="url(#SVGDqaPkdKv)" d="M63.99 95.79v-9.44l28.57-2.26l2.6 3.2s-6.15 8.51-22.23 8.51z"/><radialGradient id="SVG6RAn2bcn" cx="76.6" cy="78.652" r="8.076" gradientTransform="matrix(-.9057 .4238 .2547 .5443 150.97 3.378)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FFF"/><stop offset=".299" stop-color="#F8F8F8" stop-opacity=".701"/><stop offset=".721" stop-color="#E6E6E6" stop-opacity=".279"/><stop offset="1" stop-color="#D6D6D6" stop-opacity="0"/></radialGradient><path fill="url(#SVG6RAn2bcn)" d="M95.1 83.16c-4.28-6.5 5.21-8.93 5.21-8.93l.01.01c-1.65 2.05-2.4 3.84-1.43 5.61c1.21 2.21 4.81 2.53 4.81 2.53s-4.91 4.36-8.6.78"/><radialGradient id="SVGbmFcidnw" cx="87.217" cy="57.169" r="30.399" gradientTransform="matrix(-.0746 -.9972 -.6085 .0455 132.297 141.54)" gradientUnits="userSpaceOnUse"><stop offset=".592" stop-color="#D6D6D6" stop-opacity="0"/><stop offset=".706" stop-color="#E6E6E6" stop-opacity=".279"/><stop offset=".878" stop-color="#F8F8F8" stop-opacity=".701"/><stop offset="1" stop-color="#FFF"/></radialGradient><path fill="url(#SVGbmFcidnw)" d="M106.62 46.65c4.25 10.35-.22 21.01-4.41 25.51c-.58.62-3.01 3.01-3.57 4.92c0 0-9.54-13.31-12.39-21.13c-.58-1.58-1.1-3.2-1.17-4.88c-.05-1.26.14-2.76.87-3.82c.89-1.31 20.16-1.7 20.16-1.7z"/><radialGradient id="SVGxZ3XZOsl" cx="141.051" cy="81.941" r="23.419" gradientTransform="matrix(-1 0 0 -.4912 190.018 122.19)" gradientUnits="userSpaceOnUse"><stop offset=".732" stop-color="#D6D6D6" stop-opacity="0"/><stop offset=".806" stop-color="#E6E6E6" stop-opacity=".279"/><stop offset=".92" stop-color="#F8F8F8" stop-opacity=".701"/><stop offset="1" stop-color="#FFF"/></radialGradient><path fill="url(#SVGxZ3XZOsl)" d="M64.06 95.79v-9.44l-28.57-2.26l-2.6 3.2s6.15 8.51 22.23 8.51z"/><radialGradient id="SVGm2suCcXt" cx="118.507" cy="78.652" r="8.076" gradientTransform="matrix(.9057 .4238 -.2547 .5443 -60.883 -14.383)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FFF"/><stop offset=".299" stop-color="#F8F8F8" stop-opacity=".701"/><stop offset=".721" stop-color="#E6E6E6" stop-opacity=".279"/><stop offset="1" stop-color="#D6D6D6" stop-opacity="0"/></radialGradient><path fill="url(#SVGm2suCcXt)" d="M32.95 83.16c4.28-6.5-5.21-8.93-5.21-8.93l-.01.01c1.65 2.05 2.4 3.84 1.43 5.61c-1.21 2.21-4.81 2.53-4.81 2.53s4.9 4.36 8.6.78"/><radialGradient id="SVGjoXgnclt" cx="36.646" cy="56.735" r="31.342" gradientTransform="matrix(.0746 -.9972 .5876 .044 .576 90.785)" gradientUnits="userSpaceOnUse"><stop offset=".592" stop-color="#D6D6D6" stop-opacity="0"/><stop offset=".706" stop-color="#E6E6E6" stop-opacity=".279"/><stop offset=".878" stop-color="#F8F8F8" stop-opacity=".701"/><stop offset="1" stop-color="#FFF"/></radialGradient><path fill="url(#SVGjoXgnclt)" d="M25.84 73.1c1.41 1.68 2.64 2.87 3.24 3.99c.62-.88 9.6-13.53 12.35-21.08c.58-1.58 1.1-3.2 1.17-4.88c.04-.92-.58-4.38-1.19-6.6c-8.18.02-13.48.04-13.48.04c-2.83 1.93-14.38 13.88-2.09 28.53"/></g><linearGradient id="SVGufN2IdTy" x1="64" x2="64" y1="34.505" y2="1.849" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#F44336"/><stop offset=".359" stop-color="#E73B32"/><stop offset="1" stop-color="#C62828"/></linearGradient><path fill="url(#SVGufN2IdTy)" d="M64.14 95.97H64c-25.65.03-52 7.1-52 24.99V124h104v-3.04c0-16.86-26.1-24.99-51.86-24.99"/><path fill="#C48E6A" d="M90.76 49.55H37.19c-5.78 0-10.5 5.17-10.5 11.5s4.73 11.5 10.5 11.5h53.57c5.78 0 10.5-5.18 10.5-11.5s-4.72-11.5-10.5-11.5"/><path fill="#E0BB95" d="M63.59 10.47c-17.08 0-32.89 18.26-32.89 44.54c0 26.13 16.29 39.06 32.89 39.06s32.89-12.92 32.89-39.06c0-26.28-15.82-44.54-32.89-44.54"/><path fill="#BA8F63" d="M91.5 61.5c-.12 0-.25-.02-.37-.07l-4.43-1.76a1 1 0 0 1-.62-.79c-.05-.35.09-.71.37-.93l3.56-2.8a.99.99 0 0 1 1.4.17c.34.43.27 1.06-.17 1.4l-2.19 1.73l2.82 1.12c.51.2.76.79.56 1.3c-.16.39-.53.63-.93.63M46.55 79.81c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41L52.95 71a.996.996 0 1 1 1.41 1.41l-7.11 7.11a.96.96 0 0 1-.7.29m34.85 0c-.26 0-.51-.1-.71-.29l-7.11-7.11A.996.996 0 1 1 74.99 71l7.11 7.11c.39.39.39 1.02 0 1.41c-.19.2-.44.29-.7.29M36.5 61.5c-.4 0-.77-.24-.93-.63c-.2-.51.05-1.1.56-1.3l2.82-1.12l-2.19-1.73a1 1 0 0 1-.17-1.4a1 1 0 0 1 1.4-.17l3.55 2.8c.28.22.42.58.37.93s-.29.65-.62.79l-4.43 1.76c-.11.05-.24.07-.36.07m15.07-18.22a1 1 0 0 0 1.23.98c2.68-.63 6.48-1.27 10.87-1.27c4.52 0 8.55.68 11.38 1.33a.997.997 0 0 0 1.22-.98c0-.47-.33-.88-.79-.98C72.55 41.69 68.4 41 63.67 41c-4.59 0-8.53.65-11.32 1.31c-.46.1-.78.5-.78.97"/><path fill="#6D4C41" d="M72.24 76.15c-3.12 1.86-13.37 1.86-16.5 0c-1.79-1.07-3.63.57-2.88 2.2c.73 1.6 6.32 5.32 11.16 5.32s10.35-3.72 11.08-5.32c.74-1.63-1.07-3.27-2.86-2.2"/><g fill="#5D4037"><ellipse cx="47.69" cy="59.26" rx="4.83" ry="5.01"/><ellipse cx="80.32" cy="59.26" rx="4.83" ry="5.01"/></g><path fill="#9E9E9E" d="M54.8 49.82c-.93-1.23-3.07-3.01-7.23-3.01s-6.31 1.79-7.23 3.01c-.41.54-.31 1.17-.02 1.55c.26.35 1.04.68 1.9.39s2.54-1.16 5.35-1.18c2.81.02 4.49.89 5.35 1.18s1.64-.03 1.9-.39c.28-.38.39-1.01-.02-1.55m32.87 0c-.93-1.23-3.07-3.01-7.23-3.01s-6.31 1.79-7.23 3.01c-.41.54-.31 1.17-.02 1.55c.26.35 1.04.68 1.9.39s2.54-1.16 5.35-1.18c2.81.02 4.49.89 5.35 1.18s1.64-.03 1.9-.39c.28-.38.39-1.01-.02-1.55"/><path fill="#BDBDBD" d="M99.33 30.12c-2.39-6.49-53.02-18.6-69.58 3.72c-3.25 4.39-.49 18.64-.49 18.64c-.46 8.01 1.03 12.94 1.82 14.94c.14.35.63.32.72-.04c.99-3.96 4.37-17.8 4.03-20.21c0 0 11.35-2.25 22.17-10.22c2.2-1.62 4.59-3 7.13-4.02c13.59-5.41 16.44 3.82 16.44 3.82s9.42-1.81 12.26 11.27c1.07 4.9 1.8 12.75 2.4 18.24c.04.39.57.47.73.11c.95-2.17 8.14-20.62 2.37-36.25"/><linearGradient id="SVGwtYAqexc" x1="27.61" x2="105.482" y1="97.108" y2="97.108" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#F44336"/><stop offset=".359" stop-color="#E73B32"/><stop offset="1" stop-color="#C62828"/></linearGradient><path fill="url(#SVGwtYAqexc)" d="M90.92 11.55C85.56 7.07 77.56 4.3 63.59 4.3c-25.64 0-35.98 16.53-35.98 36.87c0 .08 2.42.25 2.91.29c.06 0 .11.01.17.01L64 32s30.06 9.38 30.31 10.22L100 59.73a2.445 2.445 0 0 0 2.35 1.75c1.29 0 2.36-1 2.45-2.29c.18-2.87.48-8.01.62-12.9c.2-7.43.86-21.91-14.5-34.74"/><radialGradient id="SVGqcVKyd4p" cx="98.505" cy="62.395" r="14.189" gradientTransform="matrix(1 0 0 1.0094 0 -.585)" gradientUnits="userSpaceOnUse"><stop offset=".539" stop-color="#F5F5F5"/><stop offset="1" stop-color="#BDBDBD"/></radialGradient><circle cx="101.91" cy="63.86" r="6.75" fill="url(#SVGqcVKyd4p)"/><path fill="#F5F5F5" d="M97.06 30.73c-.97-.7-15.42-8.72-34.98-8.72s-34.01 8.01-34.98 8.72c-4.02 2.91-4.34 7.49-1.86 11.86c1.42 2.52 4.76 1.98 5.32 1.4c0 0 13.49-5.51 31.53-5.51s31.52 5.51 31.52 5.51c.56.58 3.89 1.12 5.32-1.4c2.47-4.37 2.15-8.95-1.87-11.86"/><path fill="#C48E6A" d="M67.79 68.38c-.1-.04-.21-.07-.32-.08h-6.94c-.11.01-.21.04-.32.08c-.63.25-.97.91-.68 1.6s1.68 2.64 4.46 2.64c2.79 0 4.17-1.95 4.46-2.64c.31-.69-.03-1.34-.66-1.6"/><radialGradient id="SVGc3YEwdGF" cx="81.362" cy="29.031" r="11.723" gradientTransform="matrix(.8655 -.5008 -.9673 -1.6717 39.02 190.249)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#E0E0E0"/><stop offset=".656" stop-color="#F5F5F5"/></radialGradient><path fill="url(#SVGc3YEwdGF)" d="M96.24 103c-.8 1.87-5.27 4.58-10.09 6.49l-.08-2.37c0-6.09-1.08-11.33-6.49-14.19c-1.14-.53-2.61-1.17-3.75-1.34c1.57-.79 4.13-2.27 5.82-3.25c.51-.3 1.04-.43 1.57-.43c3.59 0 7.33 6.1 8.8 7.8c1.56 1.78 4.91 5.65 4.22 7.29"/><linearGradient id="SVGNslDodmi" x1="31.672" x2="74.379" y1="28.637" y2="28.637" gradientTransform="matrix(1 0 0 -1 0 130)" gradientUnits="userSpaceOnUse"><stop offset=".676" stop-color="#F5F5F5"/><stop offset="1" stop-color="#E0E0E0"/></linearGradient><path fill="url(#SVGNslDodmi)" d="M71.68 112.89c-1.83.18-4.65.34-6.5.34c-.4 0-.79-.01-1.18-.01c-.4 0-.78.01-1.19.01c-14.49 0-29.27-6.02-31.05-10.21c-.69-1.64 2.66-5.52 4.22-7.3c1.47-1.69 5.29-6.22 9.11-6.22c.56 0 1.12.1 1.67.31c6.5 2.55 8.73 4.57 18.28 3.48c0 0 5.94 7.26 6.22 10.71c.14 1.77.44 5.14.42 8.89"/><path fill="#FAFAFA" d="M87.14 106.67c0-6.09-1.7-12.21-6.84-14.6c-1.86-.86-3.77-1.19-5.6-1.19c-5.75 0-10.39 2.5-10.39 2.5s5.96 7.31 6.24 10.77c.28 3.44.16 12.71.01 19.86h17.12z"/></svg>

Comment utiliser l'icône Mx Claus Medium Light Skin Tone

React

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

<Icon icon="noto:mx-claus-medium-light-skin-tone" width="24" />

Vue

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

<template>
  <Icon icon="noto:mx-claus-medium-light-skin-tone" width="24" />
</template>

Svelte

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

<Icon icon="noto:mx-claus-medium-light-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--mx-claus-medium-light-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:mx-claus-medium-light-skin-tone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto:mx-claus-medium-light-skin-tone"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/noto/mx-claus-medium-light-skin-tone.svg" alt="Icône Mx Claus Medium Light Skin Tone" width="24" height="24">

Icônes similaires dans Noto Emoji

L'icône Mx Claus Medium Light Skin Tone dans d'autres collections

FAQ : Icône Mx Claus Medium Light Skin Tone

L'icône Mx Claus Medium Light Skin Tone est-elle gratuite pour un usage commercial ?

Oui. Les Noto Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Mx Claus Medium Light Skin Tone dans React ?

Installez @iconify/react et affichez <Icon icon="noto:mx-claus-medium-light-skin-tone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Mx Claus Medium Light Skin Tone à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto/mx-claus-medium-light-skin-tone.svg" alt="Icône Mx Claus Medium Light Skin Tone">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Noto Emoji →