Shuffle アイコン
ls:shuffle
Shuffle アイコン(ls:shuffle)は、Ligature Symbols セットの無料 SVG アイコンです（作者: Kazuyuki Motoyama）。 768 × 668 のグリッドで描かれています。 Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ligature Symbols
- 作者
- Kazuyuki Motoyama
- ライセンス
- OFL-1.1
- サイズ
- 768 × 668
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="668" viewBox="0 0 768 668"><path fill="currentColor" d="M0 497v64c0 9 7 16 16 16h92c54 0 99-25 136-63c38-38 69-89 100-138c25-40 50-78 76-107c25-30 50-48 80-48h85v73c0 23 16 27 35 12l139-116c12-10 12-29 0-39L620 36c-19-16-35-12-35 12v77h-85c-55 0-98 24-136 63c-37 38-71 89-101 137c-26 41-50 80-76 109c-25 29-50 47-79 47H16c-9 0-16 7-16 16m0-357v64c0 9 7 16 16 16h92c45 0 81 44 120 101c1-3 2-5 3-7c1-1 4-3 5-5c15-25 32-49 48-75c-24-31-47-59-77-78c-29-20-61-31-99-31H16c-11 0-16 5-16 15m585 339h-85c-44 0-82-43-120-99c-2 3-3 5-4 7c-2 2-3 4-5 7c-7 12-16 25-23 37c-8 11-16 24-23 35c23 31 47 58 76 77c28 20 61 33 99 33h85v70c0 23 16 28 35 12l139-117c12-10 12-28 0-38L620 388c-19-15-35-12-35 12z"/></svg>
Shuffle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ls:shuffle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:shuffle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:shuffle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--shuffle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:shuffle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:shuffle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ls/shuffle.svg" alt="Shuffle アイコン" width="24" height="24">
Shuffle アイコン のよくある質問
Shuffle アイコンは商用利用でも無料ですか?
はい。Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Shuffle アイコンを使うには?
@iconify/react をインストールして <Icon icon="ls:shuffle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shuffle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ls/shuffle.svg" alt="Shuffle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Ligature Symbols アイコン をすべて見る →
ICONYZ
