Swiper icon
devicon:swiper
The Swiper icon (devicon:swiper) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path d="M97.922 10.346c18.251 11.274 30.413 31.461 30.413 54.489c0 35.346-28.654 64-64 64a63.8 63.8 0 0 1-21.94-3.862l-.73-.272l1.19-.383l1.53-.501l.755-.253l.748-.252l1.476-.509l1.449-.512l1.421-.515l1.395-.518l.688-.261l1.354-.524q2.145-.84 4.153-1.699l.995-.431l1.22-.541a119 119 0 0 0 1.583-.728l.774-.366l1.139-.553l.559-.277l.552-.279l1.085-.56c9.106-4.776 15.292-9.965 18.577-15.654c6.96-12.054.881-24.935-16.567-38.067l-1.42-1.064l-.862-.662l-.837-.656l-.813-.652l-.787-.646l-.384-.321l-.379-.32l-.738-.637l-.537-.474l-.523-.472l-.676-.624l-.652-.62l-.628-.614l-.304-.305l-.299-.305l-.579-.605c-6.897-7.332-8.437-13.608-5.306-19.032c1.594-2.76 4.357-5.474 8.284-8.117l.477-.317l.751-.483q.51-.321 1.042-.642l.538-.32l.83-.478l.855-.476l.659-.356l.673-.355l.921-.472a88 88 0 0 1 2.167-1.055l.752-.35l1.025-.464l.522-.232l1.064-.46l.542-.23l1.104-.459l.56-.228l1.143-.455l.581-.227l1.182-.452l1.207-.45l.613-.223l1.247-.447l1.272-.444l1.299-.441l.659-.22l1.337-.438l1.364-.436l1.389-.433l1.415-.431l1.442-.428l1.838-.532l1.879-.528l2.308-.628zM64.335.835c7.783 0 15.242 1.39 22.141 3.933l.737.277l-.467.142l-2.28.703l-.746.236l-1.473.474l-1.446.479l-1.419.482l-1.392.486l-1.365.49l-.673.246l-1.652.62l-1.61.627l-1.259.505l-.619.254l-1.218.512C57.147 16.605 48.99 22.553 45.09 29.309c-6.809 11.793-.633 24.506 16.816 37.634l1.42 1.065l.862.662l.837.657l.41.327l.799.65l.582.484l.57.482l.736.639l.36.317l.699.631q.572.525 1.11 1.043l.53.516l.763.77l.725.761c6.867 7.383 8.335 13.785 5.072 19.438c-2.112 3.658-6.144 7.258-12.086 10.753l-.546.318l-.884.501l-.91.499a86 86 0 0 1-1.576.829l-.815.412l-1.003.494l-1.029.492l-1.055.491l-.537.245l-1.095.487l-1.12.487l-1.147.484l-.584.242l-1.186.481l-.603.24l-.61.24l-1.239.478l-1.265.476l-1.291.474l-1.318.472l-1.343.47l-.682.234l-1.383.467l-.702.232l-1.422.464l-1.449.461l-1.847.574l-1.889.571l-1.54.453l-2.15.619C12.643 108.29.336 88 .336 64.835c0-35.346 28.654-64 64-64Z"/></svg>How to use the Swiper icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:swiper" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:swiper" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:swiper" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--swiper]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:swiper"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:swiper"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/swiper.svg" alt="Swiper icon" width="24" height="24">Swiper icon in other icon sets
Swiper icon FAQ
Is the Swiper icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Swiper icon in React?
Install @iconify/react and render <Icon icon="devicon:swiper" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Swiper icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/swiper.svg" alt="Swiper icon">, or paste the SVG code inline to style it with CSS.