Next アイコン

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

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

arcticons:next

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

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.354 24.83c1.799 1.568 2.377 5.454 1.17 8.593c-.806 2.096-2.094 3.71-5.797 4.571c-3.127.727-7.65-1.607-7.159-3.803c.852.607 1.828 1.613 3.538 1.116c-.94-.463-.894-1.027-.644-1.612c2.379 1.17 3.476.326 4.459-.7c.72-.771.898-5-1.875-4.938c-3.287.074-5.307-1.191-7.282-2.715m7.626-6.897c.237 3.844 4.4 6.436 5.964 6.386c1.345-.01 2.31.776 3.087 2.112c.462 1.516.852 3.085 1.862 4.196c-.546 1.84-5.914 9.82-.183 10.572c-.857-.972-.855-5.473 4.11-13.283c1.281-1.045 2.938-6.524.576-11.935c-1.992-4.562-10.217-10.609-12.296-6.16c-3.073 6.574-6.198 1.06-5.435-.881c.253-.646 2.368-3.217 5.71-1.747c.521-1.133-1.186-1.924-2.412-2.383c-6.818-2.55-9.008 1.993-10.697 6.07c-2.131 7.744-.566 11.441 2.088 13.95c-4.46-3.874-8.45.306-9.358 6.145c1.225 3.192 3.74 5.934.307 10.52c.526-3.787-1.527-8.325-4.316-13.078c-2.567-2.423-3.734-9.678-.086-13.962c.949-3.483 7.662-9.308 9.577-5.227c.724 1.544.707 2.135 1.788 1.653"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.794 6.843c-2.026-.22-2.032-1.389-1.69-2.261m2.869 1.025c-.837-.302-1.025-.776-.802-1.315M29.942 33.9c.833 9.08-18.566 11.713-15.122 1.247m18.017-5.564c4.033 10.544-10.789 19.348-14.205 10.48"/><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M17.73 32.25c-.957-1.68 1.243-1.804 2.207-1.624c.98.182 1.825.794 2.045 1.614"/><path d="M19.491 32.29c2.047.035 4.13-2.122 4.905-4.384m-10.354 1.068c-.956-1.68 1.243-1.803 2.208-1.623c.98.182 1.825.794 2.045 1.614"/><path d="M15.804 29.015c1.654.028 3.332-1.375 4.324-3.108"/></g></svg>

Next アイコンの使い方

React

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

<Icon icon="arcticons:next" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:next" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:next" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:next"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/next.svg" alt="Next アイコン" width="24" height="24">

Arcticons の関連アイコン

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

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

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

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

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

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

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

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

Arcticons をすべて見る →