ICONYZ
Русский
Иконка Shuffle из набора Keyline Icons

Иконка Shuffle

keyline-icons:shuffle

Иконка Shuffle (keyline-icons:shuffle) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Keyline Icons
Автор
Keyline Icons
Лицензия
MIT
Размер
24 × 24
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6H6C7.5 6 8.9 6.8 9.6 8.1L10.2387 9.1379M13.7613 14.8621L14.4 15.9C15.1 17.2 16.5 18 18 18H21M3 18H6C7.5 18 8.9 17.2 9.6 15.9L14.4 8.1C15.1 6.8 16.5 6 18 6H21M18 3L21 6L18 9M18 15L21 18L18 21"/></svg>

Как использовать иконку Shuffle

React

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

<Icon icon="keyline-icons:shuffle" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:shuffle" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:shuffle" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="keyline-icons:shuffle"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/shuffle.svg" alt="Иконка Shuffle" width="24" height="24">

Похожие иконки в наборе Keyline Icons

Иконка shuffle-2
shuffle-2
 Иконка shuffle-2-duotone
shuffle-2-duotone
 Иконка shuffle-2-fill
shuffle-2-fill
 Иконка shuffle-2-sharp
shuffle-2-sharp
 Иконка shuffle-2-sharp-duotone
shuffle-2-sharp-duotone
 Иконка shuffle-2-sharp-fill
shuffle-2-sharp-fill
 Иконка shuffle-2-sharp-two-tone
shuffle-2-sharp-two-tone
 Иконка shuffle-2-two-tone
shuffle-2-two-tone
 Иконка shuffle-duotone
shuffle-duotone
 Иконка shuffle-fill
shuffle-fill
 Иконка shuffle-sharp
shuffle-sharp
 Иконка shuffle-sharp-duotone
shuffle-sharp-duotone
 Иконка shuffle-sharp-fill
shuffle-sharp-fill
 Иконка shuffle-sharp-two-tone
shuffle-sharp-two-tone
 Иконка shuffle-two-tone
shuffle-two-tone

Иконка Shuffle в других наборах

Иконка Shuffle из набора Material Design Icons
Material Design Icons
 Иконка Shuffle из набора Lucide
Lucide
 Иконка Shuffle из набора Font Awesome 6 Solid
Font Awesome 6 Solid
 Иконка Shuffle из набора Material Symbols
Material Symbols
 Иконка Shuffle из набора Phosphor
Phosphor
 Иконка Shuffle из набора Bootstrap Icons
Bootstrap Icons
 Иконка Shuffle из набора Carbon
Carbon
 Иконка Shuffle из набора BoxIcons v2
BoxIcons v2
 Иконка Shuffle из набора Boxicons
Boxicons
 Иконка Shuffle из набора Circum Icons
Circum Icons
 Иконка Shuffle из набора Entypo+
Entypo+
 Иконка Shuffle из набора Famicons
Famicons

Вопросы и ответы: Иконка Shuffle

Можно ли бесплатно использовать иконку Shuffle в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Shuffle в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:shuffle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Shuffle на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/shuffle.svg" alt="Иконка Shuffle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →