Icono Man Surfing

twemoji:man-surfing

El icono Man Surfing (twemoji:man-surfing) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Twitter Emoji
Autor: Twitter
Licencia: CC-BY-4.0
Tamaño: 36 × 36
Categoría: Personas y cuerpo
Etiquetas: mansurfing

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#4289c1" d="M36 5v27s0 4-4 4H4c-4 0-4-4-4-4v-5s25-2 36-22"/><path fill="#1c6399" d="M31.844 23.243s2.565-1.635 2.258-2.288c-.309-.654-11.778.99-17.528 2.954c-8.627 2.947-13.144 7.522-12.526 8.828c.617 1.306 7.602 1.953 16.228-.993c5.752-1.964 15.368-7.524 15.06-8.177c-.309-.653-3.492-.324-3.492-.324"/><path fill="#a6d388" d="M31.474 22.747s2.65-1.619 2.349-2.291c-.303-.673-12.042.782-17.949 2.675C7.01 25.972 2.311 30.555 2.916 31.9s7.723 2.141 16.585-.699c5.91-1.893 15.833-7.383 15.532-8.055c-.303-.673-3.559-.399-3.559-.399"/><path fill="#f5f8fa" d="M31.474 22.747s2.507-1.534 2.358-2.235L3.756 29.978c-.722.837-1.019 1.523-.84 1.922c.156.348.755.657 1.7.878l30.395-9.566c.003-.02.029-.051.022-.066c-.303-.673-3.559-.399-3.559-.399"/><path fill="#ffdc5d" d="M2.789 15.057c-.354.166-1.458.438-1.992.781c-.432.278-.845.262-.727.612c.102.302.508.216 1.227.132s1.929-.289 2.325-.566zm22.862-3.211c.379.095 1.515.151 2.104.386c.477.19 1.122.088 1.073.455c-.043.316-.701.317-1.422.371c-.722.054-1.949.085-2.39-.113zM14.698.997c-1.593-.627-4.077.182-4.365 2.043c-.287 1.848.239 4.747 1.863 4.572c1.702-.184 3.448-.554 4.138-2.307s-.043-3.681-1.636-4.308"/><path fill="#ffdc5d" d="M15.882 5.757c2.318-2.723-3.266-2.458-3.266-2.458c-1.057.038-.329 1.799-.827 2.761c-.341.665 1.095 1.018 1.095 1.018s.659-.01.694.79v.007c.008.204-.013.445-.108.769c-.473 1.601 1.677 2.582 2.149.978c.187-.635.114-1.193.02-1.708l-.009-.046c-.144-.766-.322-1.438.252-2.111"/><path fill="#ffac33" d="M16.518 1.64C15.457.398 13.998-.117 11.499.849c-2.183.844-1.366 2.72-.972 2.282c.628-.696 1.477-.483 1.477-.483l.66 1.944s.314.189.445-.473s1.017-.729 1.308-.198c.452.826-.139.984-.193 1.478c-.17 1.562 1.56 1.502 1.56 1.502s.337.132.912-1.001c.575-1.132.876-3.027-.178-4.26"/><path fill="#ffdc5d" d="M16.261 28.432c-.378-.1-.67-.432-.807-.785c-.059-.152-.245-.89-.245-.89l-2.284.284c.043.214.114.512.185.94c.054.324-.089.753.012.954s.817.74 1.301.839c1.237.255 2.491-.342 2.644-.517c.223-.254-.427-.725-.806-.825m7.51-3.222c-.334-.065-.607-.336-.746-.634a10 10 0 0 1-.22-.651l-2.009.274c.05.183.129.438.216.804c.066.278-.033.659.066.827c.099.169.752.594 1.178.652c1.088.148 2.141-.443 2.264-.604c.177-.233-.415-.603-.749-.668"/><path fill="#292f33" d="M25.676 11.812c-.242-.036-2.877-.731-3.554-1.052c-.903-.841-2.483-1.754-2.919-2.042s-.837-.637-1.828-.718h-1.639l-.751.766L13.56 8l-1.748.167c-2.198.338-4 3.024-4.794 4.151c-.36.283-.685.614-.896.735c-.389.223-2.813 1.505-3.334 2.005l.836 1.068c.312-.281 1.748-.596 2.748-1.046c.396-.178 1.452-.296 1.982-.81l.017.017c1.396-.979 2.326-2.021 2.722-2.599L12.208 17s-.005 1.674.058 1.94c.088.372.353 1.449.353 1.884c0 0-.606 1.335-.302 2.484c.403 1.529.611 3.468.653 4.008c1.412 0 2.24-.56 2.24-.56s-.278-.638-.165-1.577c.069-.572.58-1.601.58-2.45s-.095-1.367.031-1.719s.601-1.452.677-2.052c.02-.162.008-.374-.022-.6c.534.292 1.493.792 2.084.954c.849.232 1.494.595 1.718.79s.376.335.376.335s-.201.557-.141 1.516c.055.877.433 1.658.54 2.703c.893-.133 1.966-.567 1.966-.567s-.096-1.268-.078-1.848c.023-.706.412-2.193.265-2.824c-.229-.981-1.5-2.047-2.677-2.948s-2.375-1.438-2.375-1.438c.365-2.469-.005-3.781-.005-3.781s1.81.804 3.578 1.344c.577.285 2.27.562 3.989.5c.432-.016.452-1.233.125-1.282"/><path fill="#67757f" d="M7.265 13.194c.795-1.126 2.994-4.365 5.435-4.576c0 0 1.118 1.459 2.565 1.235s1.482-1.318 1.482-1.318l1.727.149a3.1 3.1 0 0 1 1.12.281a22 22 0 0 1-.391-.246c-.435-.287-.837-.638-1.828-.719h-1.639l-.751.766L13.56 8l-1.748.167c-2.198.338-4 3.024-4.794 4.151c-.36.283-.685.614-.896.735c-.389.223-2.813 1.505-3.334 2.005l.288.368c1.224-.797 3.829-1.949 4.189-2.232m15.956-1.75c.453.215 1.771.594 2.674.834c-.016-.24-.089-.446-.219-.465c-.2-.03-2.502-.686-3.513-1.033a9 9 0 0 0 1.058.664m-2.139 11.291c-.06-.958.024-1.639-.072-1.843s-.52-.455-.52-.455s-.201.557-.141 1.516c.055.877.433 1.658.54 2.703c.309-.046.638-.128.938-.216c-.613-.262-.707-1.099-.745-1.705"/><path fill="#67757f" d="M13.135 24.147c-.303-1.149.176-2.906.176-2.906c0-.435-.23-1.357-.318-1.729c-.063-.266-.103-2.438-.072-2.717c3.859-.123 5.068-1.763 5.068-1.763s-2.21 1.309-5.224.906c-.347-.718-1.03-4.737-1.03-4.737c-.213-.025-.499.231-.642.487L12.208 17s-.005 1.674.058 1.94c.088.372.353 1.449.353 1.884c0 0-.606 1.335-.302 2.484c.403 1.529.611 3.468.653 4.008c.386 0 .724-.044 1.018-.104c-.688-.618-.566-1.979-.853-3.065"/></svg>

Cómo usar el icono Man Surfing

React

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

<Icon icon="twemoji:man-surfing" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:man-surfing" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:man-surfing" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-surfing]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-surfing"></div>

Web component

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

<iconify-icon icon="twemoji:man-surfing"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/twemoji/man-surfing.svg" alt="Icono Man Surfing" width="24" height="24">

Iconos relacionados en Twitter Emoji

El icono Man Surfing en otras colecciones

Preguntas frecuentes sobre Icono Man Surfing

¿El icono Man Surfing es gratis para uso comercial?

Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Man Surfing en React?

Instala @iconify/react y renderiza <Icon icon="twemoji: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/twemoji/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 Twitter Emoji →