Icono Man Surfing
fluent-emoji-high-contrast:man-surfing
El icono Man Surfing (fluent-emoji-high-contrast:man-surfing) es un icono SVG gratuito de la colección Fluent Emoji High Contrast de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 32 × 32
- Categoría
- Personas y cuerpo
- Etiquetas
- mansurfing
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M14 7.51a1.4 1.4 0 0 1-.63-.15c-.06 0-.13 0-.09.1a.87.87 0 0 0 1.45 0c0-.06 0-.14-.09-.1a1.5 1.5 0 0 1-.64.15m-.39-.72l.23-.73a.17.17 0 0 1 .33 0l.22.73a.24.24 0 0 1-.115.281a.24.24 0 0 1-.105.029h-.33a.25.25 0 0 1-.23-.31m1.82-1.078a.62.62 0 0 0-.38-.132a.62.62 0 0 0-.62.5a.11.11 0 0 0 .059.108a.1.1 0 0 0 .04.012h.101v-.11A.4.4 0 0 1 15 5.7a.39.39 0 0 1 .39.39a.4.4 0 0 1 0 .11h.14a.13.13 0 0 0 .12-.15a.62.62 0 0 0-.22-.338m-2.81 0a.63.63 0 0 1 1 .368a.11.11 0 0 1-.058.108a.1.1 0 0 1-.042.012h-.12a.4.4 0 0 0 0-.11a.4.4 0 0 0-.35-.39a.4.4 0 0 0-.4.39a.4.4 0 0 0 0 .11h-.13a.12.12 0 0 1-.12-.15a.62.62 0 0 1 .22-.338"/><path d="M12.964 5.895a.3.3 0 0 1 .067-.008c.188 0 .24.168.24.313h-.45a.5.5 0 0 1 .035-.216a.07.07 0 1 0 .108-.089m1.937.011a.2.2 0 0 1 .097-.02c.188 0 .239.169.239.314h-.45a.5.5 0 0 1 .027-.195a.07.07 0 0 0 .087-.099m-1.686-.782a.93.93 0 0 0-.644.159a.125.125 0 1 1-.142-.206c.238-.165.529-.237.816-.201a.125.125 0 1 1-.03.248m1.551-.248c.287-.033.576.038.814.2a.125.125 0 1 1-.14.207a.96.96 0 0 0-.646-.159a.125.125 0 0 1-.028-.248"/><path d="M11.339 9.703a4.9 4.9 0 0 1-3.557 2.26H7.7a6 6 0 0 1-.656-.06a6 6 0 0 0-.8-.067a2.58 2.58 0 0 0-2.045.989a1.2 1.2 0 0 0-.154.283a1.55 1.55 0 0 0-.389.87a1.41 1.41 0 0 0 .033 1.433c.13.192.303.35.505.465q.077.085.166.16l.044.035c.227.162.5.248.78.243q.131 0 .261-.023c.259.237.598.366.95.362a1.63 1.63 0 0 0 1.042-.385l.3-.271l.3-.023l.216-.018h.054a9.1 9.1 0 0 0 4.062-1.62l-.026.068L6.19 27.417a1 1 0 0 0-.095.382L2.2 29.14a.44.44 0 0 0 .14.86h2.795a12.9 12.9 0 0 0 4.255-.74l11.798-4.065l1.732.845a.37.37 0 0 0 .51-.45l-.36-1.043l2.43-.837a1.26 1.26 0 0 0 .77-1.56a1.25 1.25 0 0 0-1.103-.819h-.015l-.016-.001a1.3 1.3 0 0 0-.456.07l-2.186.753a66 66 0 0 0-.576-.86l2.43-.836l.004-.002a2.25 2.25 0 0 1 2.876 1.406l.007.022l.006.022a2.26 2.26 0 0 1-1.398 2.744l-.009.003l-1.492.515l.038.11a1.37 1.37 0 0 1-1.889 1.666l-.01-.004l-1.359-.663L10.312 30H21.35c3.181 0 6.696-2.298 7.994-5.431a8.6 8.6 0 0 0 .656-3.31c0-4.4-5.3-5.7-7.1-2.36a10 10 0 0 1-1.335 1.872c-.836-1.268-1.657-2.696-1.657-3.841v-1.475q.045.039.083.065q.236.163.515.233c.152.118.328.2.516.24q.15.032.3.032q.24.101.5.108h.006q.1 0 .2-.011q.226.061.462.058c.561 0 1.272-.314 1.474-1.811q.07-.535.065-1.074v-.093q.001-.06.01-.12l.006-.046l.004-.042c.009-.084.017-.162.021-.253a4.3 4.3 0 0 0-.055-.888c-.463-3.151-2.519-4.34-4.392-4.79l-.232-.052a10 10 0 0 0-1.22-.175a13 13 0 0 0-.471-.03a1.72 1.72 0 0 0-.115-1.492l.127-.681a1.84 1.84 0 0 0-1.033-2.02l-.153-.077a.3.3 0 0 1-.073-.056l-.386-.38a2 2 0 0 0-1.389-.561q-.316 0-.616.1l-.012.029a1.82 1.82 0 0 0-2.042.365l-.431.422a.4.4 0 0 1-.1.082l-.176.089a1.82 1.82 0 0 0-.984 1.989l.118.659a1.71 1.71 0 0 0 .461 2.3l.014.206a2.4 2.4 0 0 0 .664 1.487a5 5 0 0 1-.24.434zm4.985-.338a2.4 2.4 0 0 0 .766-1.573c.426.007.856.03 1.278.078c2.214.255 4.234 1.208 4.666 4.13h-2.128a2.8 2.8 0 0 0-.38-.925a2.73 2.73 0 0 0-2.446-1.081h-.179c-.563.076-.467.38-.369.689l.01.03q.024.072.041.143c.1.276.21.556.321.84l.063.16a10 10 0 0 1 .946 3.615v1.45c0 1.117.886 2.811 1.464 3.797l-2.118.882a15.3 15.3 0 0 1-2.1-3.484a.44.44 0 0 0-.418-.258a.48.48 0 0 0-.394.21l-4.859 7.234l-1.895-.631l4.666-9.874a1 1 0 0 0 .092-.727a20 20 0 0 1-.447-1.488a8.43 8.43 0 0 1-4.01 2.24l-.332-1.993a6.14 6.14 0 0 0 3.811-2.857l-.004-.002l.074-.13c.273.105.565.16.863.16h1.384a2.4 2.4 0 0 0 1.634-.635M13.306 9q-.236 0-.455-.074l.004-.011a1.36 1.36 0 0 1-.945-1.2l-.054-.819a.715.715 0 0 1-.349-1.314l.033.178a.3.3 0 0 0 .27.23v-.62a.38.38 0 0 1 .08-.37H12a.52.52 0 0 0 .17-.39v-.4a.23.23 0 0 1 .14-.21A7 7 0 0 1 14 3.8a7 7 0 0 1 1.68.2a.23.23 0 0 1 .18.22v.37A.52.52 0 0 0 16 5l.08.07a.4.4 0 0 1 .14.33v.62a.28.28 0 0 0 .26-.23l.037-.199a.715.715 0 0 1-.373 1.3l-.054.819l-.015.054h.014A1.4 1.4 0 0 1 14.694 9zm9.745 4l-.013.15v.144q.005.472-.056.94c-.072.536-.2.945-.483.945a.4.4 0 0 1-.247-.048a.2.2 0 0 0-.119-.03a1 1 0 0 0-.14.016a1 1 0 0 1-.127.015h-.007a.34.34 0 0 1-.2-.065a.3.3 0 0 0-.18-.05h-.144a.32.32 0 0 1-.255-.103a.6.6 0 0 0-.266-.123a.7.7 0 0 1-.238-.1c-.162-.115-.079-.336-.028-.468c.04-.106.026-.122-.045-.14a.25.25 0 0 1-.223-.204a.97.97 0 0 1 .261-.758a.36.36 0 0 1 .215-.058q.083 0 .164.019v-.014l.01-.068zm-3.388 10.127a15 15 0 0 1-.718-.73l1.968-.82c.106.156.364.535.614.909zm-9.497 3.122l-.014.153l-2.839.977l.85-1.798zm1.026-.205l4.446-6.617a17.1 17.1 0 0 0 2.96 4.067zM7.57 12.959l.337 2.022a7 7 0 0 1-.575.03l-.543.493a.63.63 0 0 1-.4.149a.37.37 0 0 1-.29-.118c-.282-.336.074-.66.257-.8h-.018a.89.89 0 0 0-.767.373l-.04.046l-.047.054a.42.42 0 0 1-.3.115a.32.32 0 0 1-.184-.054a.4.4 0 0 1-.16-.234h-.034a.34.34 0 0 1-.275-.163a.49.49 0 0 1 .135-.591a.56.56 0 0 1 .31-.656a.27.27 0 0 1 .024-.203a1.59 1.59 0 0 1 1.242-.586q.34.009.675.06q.324.048.653.063m11.324-1.461l-.17-.43a1.43 1.43 0 0 1 .956.558c.136.212.226.45.265.7l-.017.012a1.7 1.7 0 0 0-.479.639v.003c-.17-.514-.367-1.009-.554-1.479zm8.776-.588a.86.86 0 1 1-1.72 0a.86.86 0 0 1 1.72 0m2.14 2.08a.98.98 0 1 1-1.96 0a.98.98 0 0 1 1.96 0"/><path d="M25.82 16.18a1.25 1.25 0 1 0 0-2.5a1.25 1.25 0 0 0 0 2.5"/></g></svg>
Cómo usar el icono Man Surfing
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:man-surfing" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:man-surfing" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:man-surfing" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--man-surfing]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:man-surfing"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:man-surfing"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-surfing.svg" alt="Icono Man Surfing" width="24" height="24">
Iconos relacionados en Fluent Emoji High Contrast
El icono Man Surfing en otras colecciones
Preguntas frecuentes sobre Icono Man Surfing
¿El icono Man Surfing es gratis para uso comercial?
Sí. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Man Surfing en React?
Instala @iconify/react y renderiza <Icon icon="fluent-emoji-high-contrast:man-surfing" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Man Surfing a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-surfing.svg" alt="Icono Man Surfing">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Fluent Emoji High Contrast →
