أيقونة Mx Claus Medium Skin Tone

noto:mx-claus-medium-skin-tone

أيقونة Mx Claus Medium Skin Tone (noto:mx-claus-medium-skin-tone) أيقونة SVG مجانية من مجموعة Noto Emoji من تصميم Google Inc. مرسومة على شبكة 128 × 128. تُنشر Noto Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Noto Emoji
المؤلف: Google Inc
الترخيص: Apache-2.0
الحجم: 128 × 128
الفئة: الأشخاص والجسم
الوسوم: mxclaus، clausmedium، mediumskin، skintone، mxclausmediumskintone

تنزيل SVG

شيفرة 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="#99674F" 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="#BA8D68" 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="#91674D" 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="#5D4037" 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="#49362E"><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="#99674F" 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>

كيفية استخدام أيقونة Mx Claus Medium Skin Tone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

<img src="https://iconyz.com/api/public/svg/noto/mx-claus-medium-skin-tone.svg" alt="أيقونة Mx Claus Medium Skin Tone" width="24" height="24">

أيقونات ذات صلة في Noto Emoji

أيقونة Mx Claus Medium Skin Tone في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Mx Claus Medium Skin Tone

هل أيقونة Mx Claus Medium Skin Tone مجانية للاستخدام التجاري؟

نعم. تُنشر Noto Emoji icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Mx Claus Medium Skin Tone في React؟

ثبّت @iconify/react واعرض <Icon icon="noto:mx-claus-medium-skin-tone" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Mx Claus Medium Skin Tone إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/noto/mx-claus-medium-skin-tone.svg" alt="أيقونة Mx Claus Medium Skin Tone">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Noto Emoji →