Man Surfing Dark Skin Tone icon — Noto Emoji (v1)

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#81d4fa" d="M128 128H0v-27.35c54.56-20.16 102.17-45.24 128-85.7z"/><path fill="#0277bd" d="M112.9 91.31c-.27-1.53-1.39-2.66-2.79-3.2c-.69-.26-1.44-.44-2.19-.41c-.43.02-.9.09-1.3.24c-.2.07-.44.27-.67.2c.06-.28.32-.65.48-.88c.94-1.31 2.26-2.44 2.97-3.94c.87-1.84.68-3.57-.51-4.74c-.8-.78-1.85-1.2-2.96-1.23c-1.19-.03-5.1 1.89-4.32-.7c.31-1.02.79-2.57-.38-3.38c-2.84-1.97-6.54 1.14-8.48 3.07c-.29.28-.62.62-1.03.66c-.61.05-.48-.85-.71-1.19c-.9-1.36-2.61-1.44-4.02-.94c-1.4.5-2.52 1.72-3.48 2.8c-.21.24-.62.48-.89.17c-.48-.57-.16-1.57-.59-2.2c-.43-.62-1.02-.95-1.71-.95c-1.49 0-3.14 1.5-3.88 2.51c-.72.98-1.56 2.04-2.61 3.35c-.73.9-1.41 1.64-2.08 2.27c-.15.14-.31.29-.47.43c-.69.62-1.44 1.24-2.36 1.94c-.08.05-.19.13-.32.23c-1.46 1.03-2.24 1.72-2.17 2.37l.03.35l.33.06c1.53.28 3.42.07 4.89-.16c.33-.05.67-.12 1.02-.19c1.04-.21 2.18-.41 3.02-.23c2.61.54 5.33 1.64 7.66 3.11c1.04.65 2.11 1.4 3.03 2.06c1.2.85 3.19 2.68 3.15 5.41c-.04 2.92-1.48 5.52-2.68 7.19c-.57.79-1.34 1.41-2.16 1.92c-.7.44-1.65.6-2.21 1.23c-.16.18-.24.42-.4.59c-.12.14-.32.27-.4.43c-.42.76-.9 1.53-1.64 2.02c-.34.22-.71.14-1.07.28c-.27.1-.53.31-.79.45c-.27.15-1.33.67-.85 1.09c.4.35 1.18.07 1.63-.01c1.42-.26 2.82-.33 4.26-.2c1.3.12 2.59.32 3.84.68c.34.1.69.14 1.02.21c1.67.35 3.31.58 4.85.12c.85-.25 1.75-.63 2.51-1.6c.75-.97.6-1.57.37-2.48c-.07-.25-.16-.49-.22-.74c-.06-.24-.07-.48-.12-.72c-.08-.35-.16-.92.11-1.21c.86-.92 2.21-.41 3.22-.1c1.32.41 2.74.7 4.12.63c1.35-.08 2.55-.65 3.38-1.73c.68-.89 1-2.02.65-3.12c-.28-.89-.71-1.75-1.3-2.48c-.59-.76-2.68-1.71-1.11-2.51c1.47-.75 3.11-1 4.64-1.58c1.66-.63 3.24-1.82 3.63-3.62c.14-.59.15-1.12.06-1.63"/><path fill="#e3f2fd" d="M104.05 96.29c1.72-.64 3.97-.54 5.29-1.98c.78-.86 1.13-1.65.78-2.76c-.35-1.1-.89-1.68-1.98-1.96c-1.7-.43-3.4 0-5.02.86c.13-.81.26-1.62.66-2.32c.87-1.53 2.31-2.64 3.09-4.22c.67-1.35.72-2.81-.4-3.84c-1.26-1.16-2.93-.97-4.4-.37c-1.23.5-3.31.78-2.92-1.13c.19-.93 1.11-2.6 0-3.33c-1.82-1.2-4.26 1.08-5.44 2.25c-.8.79-2.15 2.31-3.43 1.84c-.78-.29-.67-1.29-1.07-1.87c-.85-1.22-2.66-1.13-3.64-.13c-.91.93-2.11 3.22-3.77 2.7c-1.16-.36-.68-1.96-1.23-2.72c-1.28-1.79-3.83.32-4.7 1.44c-.81 1.04-1.67 2.07-2.53 3.08c-.64.76-1.32 1.48-2.04 2.12l-.46.4c-.75.64-1.51 1.22-2.3 1.8c-.45.33-2.28 1.44-2.22 1.99c1.52.26 3.06.08 4.57-.14c1.28-.19 2.76-.63 4.04-.38c2.59.51 5.24 1.54 7.5 2.89c.99.59 1.99 1.26 2.94 1.89c1.8 1.21 3.25 3.06 3.22 5.31c-.04 2.49-1.19 4.87-2.67 6.83c-1.52 2.02-4.34 2.8-6.46 4.13c-1.41.88-3.33 1.94-4.29 3.33c-2.08 3.01 2.83.51 3.82.25c2.21-.58 4.59-1 6.86-.6c1.92.34 3.53.86 5.46.31c.91-.26 1.61-.6 2.21-1.33c.58-.71.49-1.07.27-1.9c-.32-1.23-1.51-2.76.26-3.28c.9-.27 1.89-.32 2.81-.32c1.24 0 2.33.68 3.56.76c1.94.12 4.88-1.19 4.08-3.53c-.36-1.08-.91-1.78-1.97-2.28c-.58-.28-1.29-.36-1.48-1.02c-.34-1.28 2.05-2.42 3-2.77"/><path fill="#0277bd" d="M81.4 121.15c.01.01.02.02.04.02c1.78 1.16 4.13-.63 3.19-2.66c-.02-.05-.05-.1-.08-.16c-.64-1.14-1.92-1.66-3.17-1.68c-.65-.01-1.29.01-1.94.06c-.32.02-.65.03-.96.09c-.18.03-.46.22-.45.42c.01.31.41.76.57 1c.77 1.13 1.66 2.17 2.8 2.91m2.12-52.88c.01-.01.01-.02.01-.04c.68-1.69-1.22-3.38-2.77-2.25l-.12.09c-.85.72-1.09 1.89-.9 2.96c.1.55.22 1.09.37 1.62c.08.26.14.54.24.79c.06.14.26.35.43.31c.26-.06.57-.46.75-.65c.82-.82 1.56-1.75 1.99-2.83m12.09-.16l.03-.03c1.37-1.48.07-3.96-1.97-3.41c-.05.01-.11.03-.16.05c-1.16.41-1.86 1.53-2.08 2.7c-.11.6-.2 1.21-.25 1.82c-.03.3-.07.61-.07.91c.01.16.13.46.32.48c.29.04.78-.25 1.03-.37c1.16-.54 2.27-1.21 3.15-2.15"/><path fill="#00796b" d="M99.24 89.11c-1.89-2.87-6.07-4.27-12.77-4.27c-6.27 0-13.42 1.22-17.12 1.95c-10.57 2.08-25.62 6.45-37.25 15.5c-4.08 3.17-8.45 6.92-8.64 11.2c-.06 1.33.27 3.3 2.22 5.12c2.65 2.47 7.71 3.63 15.95 3.63h.04c9.19 0 17.79-2.49 26.52-5.28c7.9-2.51 14.79-6.27 19.91-9.25c3.95-2.31 9.11-6.1 11.27-11.07c1.58-3.66.8-6.11-.13-7.53m-57.57 30.55"/><defs><path id="SVGbYGvXcIf" d="M99.24 87.36c-1.89-2.87-6.07-4.27-12.77-4.27c-6.27 0-13.42 1.22-17.12 1.95c-10.57 2.08-25.62 6.45-37.25 15.5c-4.08 3.17-8.45 6.92-8.64 11.2c-.06 1.33.27 3.3 2.22 5.12c2.65 2.47 7.71 3.63 15.95 3.63h.04c9.19 0 17.79-2.49 26.52-5.28c7.9-2.51 14.79-6.27 19.91-9.25c3.95-2.31 9.11-6.1 11.27-11.07c1.58-3.65.8-6.11-.13-7.53"/></defs><use fill="#ffee58" href="#SVGbYGvXcIf"/><clipPath id="SVGW1YasdrC"><use href="#SVGbYGvXcIf"/></clipPath><path fill="#7cb342" d="m103.37 88.81l-75.61 32.11l-9.09-8.06l76.8-30.19z" clip-path="url(#SVGW1YasdrC)"/><path fill="#70534a" d="m79.91 94.97l-9.26.47c-1.14.07-2.11-.79-2.18-1.93c-.15-2.44 1.68-3.96 4.12-4.11l8.65-.44a1 1 0 0 1 1.05.92l.18 2.2c.09 1.5-1.06 2.79-2.56 2.89M67.65 81.4l-8.67-3.15l7.01-21.71l10.21 3.7z"/><path fill="#70534a" d="m81.85 89.11l-4.4 5.72l-16.63-11.14l5.61-7.3z"/><circle cx="63.32" cy="79.82" r="4.6" fill="#70534a" transform="rotate(-70.056 63.325 79.827)"/><circle cx="71.09" cy="58.39" r="5.43" fill="#584539" transform="rotate(-70.056 71.1 58.395)"/><path fill="#e65100" d="M73.33 52.22a6.453 6.453 0 0 0-8.27 3.87l-4.08 15.97l9.07 3.39L77.2 60.5a6.456 6.456 0 0 0-3.87-8.28"/><path fill="#70534a" d="m29.05 61.13l3.83 5.2l11.28-7.67l-4.43-6.02z"/><path fill="#70534a" d="m45.52 56.95l-6.94-2.77l6.83-18.42l7.86 3.14z"/><circle cx="42.05" cy="55.57" r="3.73" fill="#70534a" transform="rotate(-68.217 42.05 55.567)"/><path fill="#70534a" d="m23.7 69.22l-.13-.18a4.51 4.51 0 0 1 .96-6.31l2.08-1.53a4.51 4.51 0 0 1 6.31.96l.13.18a4.51 4.51 0 0 1-.96 6.31L30 70.18c-2 1.48-4.83 1.05-6.3-.96"/><circle cx="49.34" cy="37.33" r="4.23" fill="#584539" transform="rotate(-68.217 49.34 37.329)"/><path fill="#04a287" d="M51.37 32.24a5.11 5.11 0 0 0-6.64 2.85l-3.28 8.85l9.05 3.62l3.72-8.67c1.05-2.63-.23-5.6-2.85-6.65"/><path fill="#70534a" d="m56.63 113.63l-11.59-.01a2.57 2.57 0 0 1-2.6-2.55c-.03-3.06 2.35-4.84 5.41-4.87h12.04l.12 3.97c.02 1.9-1.49 3.44-3.38 3.46m-1.8-30.23l-8.62-7.66l18.17-21.99l10.15 9.01z"/><path fill="#70534a" d="m59.88 106.31l-8.9 1.46l-6.05-26.71L56.3 79.2z"/><circle cx="50.52" cy="79.57" r="5.76" fill="#70534a" transform="rotate(-48.385 50.529 79.573)"/><circle cx="69.46" cy="58.25" r="6.79" fill="#584539" transform="rotate(-48.385 69.462 58.257)"/><path fill="#ff6f00" d="M74.91 52.12c-3.33-2.96-8.44-2.66-11.4.67L51.39 69.47l8.98 8.13l15.21-14.08a8.07 8.07 0 0 0-.67-11.4"/><path fill="#70534a" d="m48.78 22.2l2.8 8.16a2.74 2.74 0 0 1-1.7 3.48l-2.16.74c-1.24.42-2.6-.08-3.26-1.21l-7.83-13.44z"/><path fill="#70534a" d="m46.35 12.13l4.27 16.94l-11.03 2.87c-5.13 1.33-10.33-1.89-11.41-7.08l-1.31-6.29c-1.21-5.81 2.86-11.4 8.76-12.03l2.34-.25a7.774 7.774 0 0 1 8.38 5.84"/><path fill="#232020" d="m49.64 23.52l-5.39.38l-1.19-3.56c-.4-1.2-1.42-2.08-2.67-2.3l-.22 4.3c-1.25.09-2.46-.48-3.19-1.51l-1.45-2.04a3.36 3.36 0 0 0-2.73-1.41h-6.11s-1.97-8.01 5.69-10.97c1.32-.51 2.65-.94 3.94-1.29c5.98-1.65 12.02 2.4 12.8 8.55c.41 3.28.59 6.57.52 9.85m-17.71-2.07c.17.75-.19 1.48-.82 1.63c-.62.14-1.27-.35-1.45-1.1c-.17-.76.19-1.49.82-1.63c.63-.15 1.28.34 1.45 1.1"/><path fill="#00bea4" d="m48.52 29.23l-2.96 1.94a6.797 6.797 0 0 0-1.52 9.49l12.92 20.16a4.024 4.024 0 0 0 5.8 1.05l12.52-9.36l-17.26-21.77c-2.21-3.04-6.46-3.72-9.5-1.51"/><path fill="#70534a" d="m79.44 50.53l4.25-4.87l-9.95-9.33l-4.9 5.63z"/><path fill="#70534a" d="m71.78 35.37l-1.19 7.37l-19.47-2.64l1.35-8.36z"/><circle cx="71.19" cy="39.06" r="3.73" fill="#70534a" transform="rotate(-80.804 71.187 39.059)"/><path fill="#70534a" d="m88.51 53.99l-.15.17c-1.64 1.88-4.49 2.08-6.36.44l-1.95-1.7c-1.88-1.64-2.08-4.49-.44-6.36l.15-.17c1.64-1.88 4.49-2.08 6.36-.44l1.95 1.7a4.5 4.5 0 0 1 .44 6.36"/><circle cx="51.8" cy="35.92" r="4.23" fill="#584539" transform="rotate(-80.804 51.799 35.918)"/><path fill="#04a287" d="M46.39 35.04a5.106 5.106 0 0 0 4.23 5.86l9.35 1.27l1.56-9.62l-9.27-1.74a5.11 5.11 0 0 0-5.87 4.23"/><defs><path id="SVGdOH9fcvg" d="M148-16h128v128H148z"/></defs><clipPath id="SVGIURzPeMI"><use href="#SVGdOH9fcvg"/></clipPath><g clip-path="url(#SVGIURzPeMI)"><path d="M228.74 82.86c-5.7-1.08-27.77-1.08-33.47 0C177.22 86.29 164 94.25 164 111.22v20.9l48 .01l48-.01v-20.9c0-16.97-13.22-24.93-31.26-28.36"/><path fill="#fff" d="m211.52 82.05l16.02 2.22v34.9h-16.02z"/><path fill="#444" d="M222.04 84.13s4.42 3.24 4.58 10.16c.18 7.55-6.16 36.54-15.58 53.11l14.68-2.22l15.98-38.55l-7.65-5.04l6.47-4.99s-6.22-11-14.96-15.3c-4.25-.76-12.37-1.1-14.03-1.05l-.02 1.8z"/><path fill="#fff" d="m211.52 82.05l-16.02 2.22v34.9h16.02z"/><path fill="#444" d="M201 84.13s-4.42 3.24-4.58 10.16c-.18 7.55 6.16 36.54 15.58 53.11l-14.68-2.22l-15.98-38.55l7.65-5.04l-6.47-4.99s6.22-11 14.96-15.3c4.25-.76 12.37-1.1 14.03-1.05l.02 1.8z"/><path fill="#35201a" d="M211.97 95.35c-6.08 0-10.5-4.93-10.5-11.01V75h21v9.34c0 6.08-4.42 11.01-10.5 11.01"/><path fill="#563e37" d="M245.56 36.91s6.1 1.06 6.1 7.62c0 5.79-4.45 8.08-8.9 8.08v-15.7zm-66.51 0s-6.1 1.06-6.1 7.62c0 5.79 4.45 8.08 8.9 8.08v-15.7z"/><path fill="#70534a" d="M212.31-6.09c-26.28 0-33.16 20.37-33.16 48.99c0 29.68 19.07 37.35 33.16 37.35c13.88 0 33.16-7.45 33.16-37.35c-.01-28.62-6.88-48.99-33.16-48.99"/><path fill="#232020" d="M201.39 45.55c0 2.95-1.98 5.35-4.43 5.35s-4.44-2.4-4.44-5.35c0-2.96 1.99-5.36 4.44-5.36c2.45.01 4.43 2.4 4.43 5.36m21.83 0c0 2.95 1.98 5.35 4.44 5.35c2.44 0 4.43-2.4 4.43-5.35c0-2.96-1.99-5.36-4.43-5.36c-2.46.01-4.44 2.4-4.44 5.36"/><path fill="#261819" d="M221.9 63.63h-19.2c-1.1 0-1.57.74-.85 1.85c1.02 1.55 4.8 4.53 10.44 4.53s9.42-2.98 10.44-4.53c.74-1.11.27-1.85-.83-1.85"/><path fill="#35201a" d="M216.94 55.48c-1.63.46-3.33.69-4.64.69s-3-.23-4.64-.69c-.7-.2-.97.46-.72.9c.52.91 2.6 2.75 5.36 2.75c2.75 0 4.84-1.84 5.36-2.75c.25-.44-.02-1.1-.72-.9"/><path fill="#211e1e" d="M213.1-9.83s-.51-.02-.73-.01c-.22 0-.73.01-.73.01c-28.36.55-36.91 17.61-36.91 29.44c0 11.5.01 19.94.01 19.94s.45-.47 1.28-1.12c.89-.69 1.87-1.08 1.87-1.08l1.43 9.61l9.45-19.74c.06-.12.19-.2.32-.18l5.6.62c5.63.63 11.28.93 16.94.94v.01c.24 0 .49-.01.73-.01s.49.01.73.01v-.01c5.65-.02 11.31-.32 16.94-.94l5.6-.62c.13-.01.26.06.32.18l9.45 19.74l1.43-9.61s.98.39 1.87 1.08c.83.65 1.28 1.12 1.28 1.12s.01-8.45.01-19.94c.02-11.83-8.53-28.9-36.89-29.44"/></g><g clip-path="url(#SVGIURzPeMI)"><path d="M213.37 93.13c1.55-1.07 3.01-1.84 4.5-2.79c1.19-.76 3.2-2.17 5.09-1.45c1.6.61 1.03 2.8 1.03 5.66c0 3.36.57 5.31-.7 5.87c-1.71.76-3.96-.58-5.84-1.4c-1.07-.46-4.13-1.86-4.65-2.67c-.51-.8-.49-2.69.57-3.22"/><path fill="#444" d="M221.28 92.84c.03.24-1.66.78-3.79 1.22s-3.88.6-3.91.36s1.66-.78 3.79-1.22c2.12-.43 3.88-.6 3.91-.36m.03 3.99c-.02.24-1.78.18-3.92-.13s-3.86-.75-3.84-.99s1.78-.18 3.92.13s3.86.75 3.84.99"/><path d="M209.63 93.13c-1.55-1.07-3.01-1.84-4.5-2.79c-1.19-.76-3.2-2.17-5.09-1.45c-1.6.61-1.03 2.8-1.03 5.66c0 3.36-.57 5.31.7 5.87c1.71.76 3.96-.58 5.84-1.4c1.07-.46 4.13-1.86 4.65-2.67c.51-.8.49-2.69-.57-3.22"/><path fill="#444" d="M201.72 92.84c-.03.24 1.66.78 3.79 1.22s3.88.6 3.91.36s-1.66-.78-3.79-1.22c-2.12-.43-3.88-.6-3.91-.36m-.03 3.99c.02.24 1.78.18 3.92-.13s3.86-.75 3.84-.99s-1.78-.18-3.92.13s-3.86.75-3.84.99"/><path d="M214.92 95.16c0 1.95-1.53 3.07-3.42 3.07s-3.42-1.12-3.42-3.07s.85-3.52 3.42-3.52c2.46 0 3.42 1.58 3.42 3.52"/></g><circle cx="211.5" cy="102.63" r="1.59" fill="#232020"/><circle cx="211.5" cy="108.08" r="1.59" fill="#232020"/></svg>

How to use the Man Surfing Dark Skin Tone icon

React

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

<Icon icon="noto-v1:man-surfing-dark-skin-tone" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:man-surfing-dark-skin-tone" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:man-surfing-dark-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--man-surfing-dark-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:man-surfing-dark-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-v1:man-surfing-dark-skin-tone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/noto-v1/man-surfing-dark-skin-tone.svg" alt="Man Surfing Dark Skin Tone icon" width="24" height="24">

Related icons in Noto Emoji (v1)

Man Surfing Dark Skin Tone icon in other icon sets

Man Surfing Dark Skin Tone icon FAQ

Is the Man Surfing Dark Skin Tone icon free for commercial use?

Yes. Noto Emoji (v1) icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Man Surfing Dark Skin Tone icon in React?

Install @iconify/react and render <Icon icon="noto-v1:man-surfing-dark-skin-tone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Man Surfing Dark Skin Tone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/noto-v1/man-surfing-dark-skin-tone.svg" alt="Man Surfing Dark Skin Tone icon">, or paste the SVG code inline to style it with CSS.