Shuffle Print アイコン

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

はい。Pepicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

pepicons:shuffle-print

Shuffle Print アイコン(pepicons:shuffle-print)は、Pepicons セットの無料 SVG アイコンです（作者: CyCraft）。 20 × 20 のグリッドで描かれています。 Pepicons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Pepicons
作者: CyCraft
ライセンス: CC-BY-4.0
サイズ: 20 × 20
タグ: shuffleprint

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><g opacity=".8"><path d="M18.21 4.972a.75.75 0 0 0-1.053.133l-1.5 1.936a.75.75 0 0 0 1.186.918l1.5-1.935a.75.75 0 0 0-.134-1.052Zm0 12.121a.75.75 0 0 1-1.053-.134l-1.5-1.935a.75.75 0 0 1 1.186-.919l1.5 1.936a.75.75 0 0 1-.134 1.052Z"/><path d="M15.8 2.9a.75.75 0 0 0-.15 1.05l1.5 2a.75.75 0 1 0 1.2-.9l-1.5-2a.75.75 0 0 0-1.05-.15Zm0 16.2a.75.75 0 0 1-.15-1.05l1.5-2a.75.75 0 1 1 1.2.9l-1.5 2a.75.75 0 0 1-1.05.15ZM2.75 5.68a1 1 0 0 1 1-1c3.812 0 7.16 2.696 7.16 6.319c0 3.623-3.348 6.319-7.16 6.319a1 1 0 1 1 0-2c2.993 0 5.16-2.066 5.16-4.319S6.743 6.68 3.75 6.68a1 1 0 0 1-1-1Z"/><path d="M17.07 5.68a1 1 0 0 0-1-1c-3.812 0-7.16 2.696-7.16 6.319c0 3.623 3.348 6.319 7.16 6.319a1 1 0 1 0 0-2c-2.993 0-5.16-2.066-5.16-4.319s2.167-4.319 5.16-4.319a1 1 0 0 0 1-1Z"/></g><path d="M17.556 4.17a.5.5 0 0 0-.701.088l-1.5 1.936a.5.5 0 1 0 .79.612l1.5-1.935a.5.5 0 0 0-.089-.702Zm0 11.725a.5.5 0 0 1-.701-.089l-1.5-1.935a.5.5 0 1 1 .79-.613l1.5 1.936a.5.5 0 0 1-.089.701Z"/><path d="M15.45 2.1a.5.5 0 0 0-.1.7l1.5 2a.5.5 0 0 0 .8-.6l-1.5-2a.5.5 0 0 0-.7-.1Zm0 15.8a.5.5 0 0 1-.1-.7l1.5-2a.5.5 0 0 1 .8.6l-1.5 2a.5.5 0 0 1-.7.1ZM2.75 4.68a.5.5 0 0 1 .5-.5c3.607 0 6.66 2.539 6.66 5.819s-3.053 5.819-6.66 5.819a.5.5 0 1 1 0-1c3.197 0 5.66-2.224 5.66-4.819c0-2.595-2.463-4.819-5.66-4.819a.5.5 0 0 1-.5-.5Z"/><path d="M17.25 4.68a.5.5 0 0 0-.5-.5h-1.18c-3.607 0-6.66 2.539-6.66 5.819s3.053 5.819 6.66 5.819h1.18a.5.5 0 1 0 0-1h-1.18c-3.197 0-5.66-2.224-5.66-4.819c0-2.595 2.463-4.819 5.66-4.819h1.18a.5.5 0 0 0 .5-.5Z"/></g></svg>

Shuffle Print アイコンの使い方

React

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

<Icon icon="pepicons:shuffle-print" width="24" />

Vue

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

<template>
  <Icon icon="pepicons:shuffle-print" width="24" />
</template>

Svelte

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

<Icon icon="pepicons:shuffle-print" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons--shuffle-print]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pepicons -->
<div class="i-pepicons:shuffle-print"></div>

Web コンポーネント

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

<iconify-icon icon="pepicons:shuffle-print"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/pepicons/shuffle-print.svg" alt="Shuffle Print アイコン" width="24" height="24">

Pepicons の関連アイコン

Shuffle Print アイコンのよくある質問

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

はい。Pepicons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Pepicons をすべて見る →