Scroll アイコン

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

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

openmoji:scroll

Scroll アイコン(openmoji:scroll)は、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 追加分、物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M37.297 16.773h-2.472c-5.876 0-10.684 4.808-10.684 10.684V44.39c0 5.876 4.808 10.684 10.684 10.684h2.472c5.876 0 10.684-4.808 10.684-10.684V27.457c0-5.876-4.808-10.684-10.684-10.684"/><path fill="#3f3f3f" d="M36.061 22.112a2.08 2.08 0 0 0-2.074 2.074v5.834a2.08 2.08 0 0 0 2.074 2.073a2.08 2.08 0 0 0 2.074-2.073v-5.834a2.08 2.08 0 0 0-2.074-2.074"/><path fill="#9b9b9a" d="M34.499 18.038a7.7 7.7 0 0 1 1.491.525c2.695 1.292 5.082 3.223 5.385 7.487c.388 5.455-1.63 15.669-2.28 20.857c-.453 3.627-2.247 5.307-4.63 7.21c-1.2.961 5.267.844 7.93-.713q.33-.193.618-.359a7.93 7.93 0 0 0 3.962-6.766l.256-20.468c.013-1.043-.157-2.087-.567-3.046c-.878-2.053-3.007-5.008-7.985-5.01c0 0-6.725-.346-4.18.283"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M38.83 54.501h-5.537c-4.97 0-9.035-4.065-9.035-9.034V26.38c0-4.969 4.066-9.034 9.035-9.034h5.536c4.97 0 9.035 4.065 9.035 9.034v19.087c0 4.969-4.066 9.034-9.035 9.034"/><path d="M36.145 32.155h-.168a2.035 2.035 0 0 1-2.03-2.03V24.08c0-1.116.914-2.029 2.03-2.029h.168c1.116 0 2.03.913 2.03 2.03v6.046c0 1.116-.914 2.03-2.03 2.03m5.186 27.859l-5.216 5.216m-5.258-5.216l5.216 5.216m-5.216-53.34l5.216-5.216m5.258 5.216l-5.216-5.216"/></g></svg>

Scroll アイコンの使い方

React

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

<Icon icon="openmoji:scroll" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:scroll" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:scroll" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:scroll"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/scroll.svg" alt="Scroll アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Scroll アイコン

Scroll アイコンのよくある質問

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

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

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

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

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

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

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