Shuffle Remix アイコン

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

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

streamline-plump:shuffle-remix

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

アイコンセット: Plump free icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 基本インターフェース
タグ: shuffleremix

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M22.366 10.655q.024-.04.05-.078c2.065-3.088 5.607-4.96 9.316-4.967q.41-.002.82-.012c.032-.624.07-1.161.108-1.624c.104-1.254.802-2.372 1.954-2.91c1.148-.537 2.448-.36 3.476.345c1.036.71 2.449 1.75 4.285 3.247c1.898 1.547 3.149 2.8 3.973 3.763c1.536 1.796 1.536 4.297 0 6.093c-.824.963-2.075 2.216-3.973 3.763c-1.836 1.497-3.249 2.537-4.284 3.246c-1.028.705-2.329.883-3.476.346c-1.153-.538-1.851-1.657-1.955-2.91a54 54 0 0 1-.108-1.622a43 43 0 0 0-.82-.012a.43.43 0 0 0-.346.169L19.381 36.885l-.038.059c-1.954 2.921-5.376 5.449-9.309 5.449H6.19c-2.2 0-5.104-1.183-5.57-4.253a10.7 10.7 0 0 1 0-3.208c.466-3.07 3.37-4.253 5.57-4.253h3.845a.42.42 0 0 0 .334-.163zm17.482-2.9a68 68 0 0 0-3.27-2.52c-.04.648-.077 1.426-.105 2.354a2 2 0 0 1-1.901 1.937a74 74 0 0 1-2.848.083a7.2 7.2 0 0 0-5.96 3.155L13.759 32.639l-.05.078a4.42 4.42 0 0 1-3.674 1.962H6.19c-.528 0-.966.14-1.242.32c-.243.16-.342.328-.372.532a6.7 6.7 0 0 0 0 2.009c.03.203.129.372.372.532c.276.18.714.32 1.242.32h3.845c2.203 0 4.51-1.485 5.965-3.645l12.013-19.404l.038-.059a4.42 4.42 0 0 1 3.675-1.961q.4.001.8.01c.498.01 1.205.031 2.047.072a2 2 0 0 1 1.901 1.937c.028.928.065 1.705.106 2.353a69 69 0 0 0 3.27-2.521c1.747-1.425 2.818-2.514 3.46-3.263c.155-.182.191-.338.191-.446c0-.109-.036-.265-.192-.446c-.64-.75-1.712-1.838-3.46-3.263M.62 9.86c.465-3.07 3.37-4.253 5.57-4.253h3.844c2.918 0 5.686 1.135 7.748 3.108a2 2 0 0 1-2.766 2.89a7.2 7.2 0 0 0-4.982-1.998H6.19c-.528 0-.966.14-1.242.32c-.243.16-.342.33-.372.533a6.7 6.7 0 0 0 0 2.009c.03.203.129.372.372.532c.276.18.714.32 1.242.32h3.845a4.42 4.42 0 0 1 3.724 2.04l.462.763a2 2 0 0 1-3.424 2.068l-.428-.708a.42.42 0 0 0-.334-.163H6.19c-2.2 0-5.104-1.183-5.57-4.253a10.7 10.7 0 0 1 0-3.208m33.995 16.273c1.148-.536 2.448-.359 3.476.346c1.035.71 2.448 1.75 4.285 3.247c1.897 1.546 3.148 2.8 3.972 3.763c1.536 1.796 1.536 4.297 0 6.093c-.824.963-2.075 2.216-3.972 3.763c-1.837 1.497-3.25 2.537-4.285 3.247c-1.029.705-2.329.882-3.476.346c-1.153-.539-1.85-1.657-1.955-2.911a54 54 0 0 1-.107-1.592l-.136-.006a39 39 0 0 1-.762-.038a11.2 11.2 0 0 1-8.065-3.496a2 2 0 0 1 2.904-2.75a7.2 7.2 0 0 0 5.23 2.246q.069 0 .139.005h.007l.033.002a22 22 0 0 0 .678.035c.466.019 1.126.038 1.893.038a2 2 0 0 1 2 1.94c.027.928.064 1.706.105 2.355a68 68 0 0 0 3.27-2.521c1.747-1.425 2.818-2.514 3.46-3.264c.155-.181.191-.338.191-.446s-.036-.264-.192-.446c-.64-.75-1.711-1.838-3.46-3.263a68 68 0 0 0-3.27-2.52c-.04.647-.077 1.424-.105 2.352a2 2 0 0 1-1.901 1.937a74 74 0 0 1-2.788.082h-.06a4.42 4.42 0 0 1-3.675-1.961a2 2 0 1 1 3.325-2.224a.42.42 0 0 0 .35.185h.179q.186-.002.539-.01l.11-.002c.033-.622.07-1.159.108-1.62c.104-1.254.803-2.373 1.955-2.912" clip-rule="evenodd"/></svg>

Shuffle Remix アイコンの使い方

React

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

<Icon icon="streamline-plump:shuffle-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:shuffle-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:shuffle-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--shuffle-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:shuffle-remix"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-plump:shuffle-remix"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-plump/shuffle-remix.svg" alt="Shuffle Remix アイコン" width="24" height="24">

Plump free icons の関連アイコン

他のアイコンセットの Shuffle Remix アイコン

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

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

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

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

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

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

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

Plump free icons をすべて見る →