Swipe Up アイコン

Q: Swipe Up アイコンは商用利用でも無料ですか?

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

openmoji:swipe-up

Swipe Up アイコン(openmoji:swipe-up)は、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
カテゴリ: OpenMoji 追加分
タグ: swipeup

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="14.229" cy="31.724" r="4" fill="#92d3f5"/><path fill="#fcea2b" d="m61.47 44.012l-.733-.932l.516-.615l-14.022-11.766l-11.571 13.79l-12.79-10.731l-.118.14a3 3 0 0 0-.648-.784a3 3 0 0 0-3.857 4.596c.27.227.572.386.885.503l-.119.14L34.596 51.43l-.894-.468l-3.597.181l-3.948 3.527l.218 2.913l3.806.52l7.279.948l3.78 3.172l-.114.146l.912.524l1.217 1.02l.182-.216l.319.183l.908-.09l4.434 1.022l6.526-1.97l4.739-4.238l2.59-6.736z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M57.855 39.586c5.98 5.018 6.76 13.934 1.742 19.914s-13.934 6.76-19.914 1.743M57.28 39.104l-7.896-6.626m-4.054 4.439a3.006 3.006 0 1 1 4.055-4.44m-8.071 8.916a3.006 3.006 0 1 1 4.054-4.44"/><path d="M41.228 41.316a3.006 3.006 0 1 1 4.222-4.281m-8.337 8.725a3.006 3.006 0 0 1 4.152-4.35m-12.05 16.733a3.006 3.006 0 0 1-.42-5.998M18.527 38.013a3.007 3.007 0 0 1 3.865-4.606m14.697 12.332L22.392 33.407m-3.865 4.606l18.286 15.344m-5.48-1.278l-2.538.066m2.923 6.115c2.489-.1 5.263.634 8.088 3.086m-10.591-3.203l2.572.116M17.09 30.817a3 3 0 1 0-2.602 3.884m-1.022-10.149V7.466m-5.173 3.871l5.201-5.201m5.202 5.201l-5.202-5.201"/></g></svg>

Swipe Up アイコンの使い方

React

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

<Icon icon="openmoji:swipe-up" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:swipe-up" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:swipe-up" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:swipe-up"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/swipe-up.svg" alt="Swipe Up アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Swipe Up アイコン

Swipe Up アイコンのよくある質問

Swipe Up アイコンは商用利用でも無料ですか?

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

React で Swipe Up アイコンを使うには?

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

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

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

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