ICONYZ
Français
Icône Person Surfing de OpenMoji

Icône Person Surfing

openmoji:person-surfing

L'icône Person Surfing (openmoji:person-surfing) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
OpenMoji
Auteur
OpenMoji
Licence
CC-BY-SA-4.0
Taille
72 × 72
Catégorie
Personnes et corps
Mots-clés
personsurfing
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="M34 66s5 1 8 0l5-2l5-6s2-3 3-6s2.031-3.625 2.828-3.625s1.83.625 1.83.625s.69 2.174.166 3c0 0-2.11 3.218-1.473 2.48c0 0 1.774-.355 2.649-.355s3.669.387 4 2.375c.125.75-.125 1.824 1.125 2.975c0 0 1.122 4 .709 3.97s-4.583.542-5.834-.402c0 0-2.751-3.021-3.834-3.021c0 0-2.307 1.35-5.167 3.422C44.333 69 36.644 68.035 35 66.775"/><g fill="#fcea2b"><circle cx="35.969" cy="11.094" r="3"/><path d="M45 23v24l-2 13h-3V47l-2-8h-1l-6 8l-4 10h-3l2-13l6-9l2-5v-5l-2.916-1.75s-1.707-.583-3.999.625s-5.584 1.958-7.084 2.125s-6.69 0-7.125 0C11.709 26 11 25.334 11 24.042c0 0 8.584-.042 10.25-.626s10.25-4.083 10.25-4.083L46.084 18l11.97 6.738l3.781 1.679s-.377 1.875-2.897 1.114c-2.275-.686-6.271-2.531-9.876-5.031c-.65-.45-3.124-1.094-3.124.5"/></g><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><circle cx="35.969" cy="11.094" r="3"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.875 24L17 23.993c2.75-.004 6.8-1.13 9-2.5s5.8-2.718 8-2.993s6.25-.5 9-.5h0c2.75 0 6.35 1.125 8 2.5s4.575 3.175 6.5 4L61 26"/><path stroke-linecap="round" stroke-linejoin="round" d="M45 23v22c0 1.1-.137 2.89-.304 3.977l-1.392 9.046C43.137 59.11 42.325 60 41.5 60s-1.5-.9-1.5-2v-9c0-1.1-.219-2.873-.485-3.94l-1.03-4.12c-.266-1.067-.71-1.94-.985-1.94s-1.04.72-1.7 1.6l-3.6 4.8c-.66.88-1.535 2.436-1.943 3.457l-2.515 6.286C27.334 56.164 26.324 57 25.5 57s-1.363-.89-1.195-1.977l1.39-9.046c.168-1.087.804-2.726 1.414-3.641l3.782-5.672c.61-.915 1.443-2.5 1.851-3.521l.516-1.286C33.666 30.836 34 29.1 34 28v-1c0-1.1-.45-2.45-1-3l-1-1m24 30s0-4 2-4s2 2 1 3m-6 11.444s1.106-1.552 2-2c2-1 3 0 3 0m4 1.3s3.269 2.305 4.42.67c.645-.914.913-3.028-2.115-3.94M6.813 57.188S9.166 58.48 16 60c9 2 22.813 3.188 22.813 3.188M33 66c4 1 9 1 12-1c3.72-2.48 6-9 15-10"/></g></svg>

Comment utiliser l'icône Person Surfing

React

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

<Icon icon="openmoji:person-surfing" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:person-surfing" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:person-surfing" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="openmoji:person-surfing"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/person-surfing.svg" alt="Icône Person Surfing" width="24" height="24">

Icônes similaires dans OpenMoji

L'icône Person Surfing dans d'autres collections

FAQ : Icône Person Surfing

L'icône Person Surfing est-elle gratuite pour un usage commercial ?

Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Person Surfing dans React ?

Installez @iconify/react et affichez <Icon icon="openmoji:person-surfing" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Person Surfing à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/person-surfing.svg" alt="Icône Person Surfing">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes OpenMoji →