ICONYZ
日本語
OpenMoji の Person Surfing アイコン

Person Surfing アイコン

openmoji:person-surfing

Person Surfing アイコン(openmoji:person-surfing)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
人物・体
タグ
personsurfing
SVG をダウンロード

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>

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 コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/person-surfing.svg" alt="Person Surfing アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Person Surfing アイコン

Person Surfing アイコン のよくある質問

Person Surfing アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Person Surfing アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:person-surfing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Person Surfing アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/person-surfing.svg" alt="Person Surfing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコン をすべて見る →