Ikon Swiper
devicon:swiper
Ikon Swiper (devicon:swiper) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
Kode SVG
<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>Cara memakai ikon Swiper
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/devicon/swiper.svg" alt="Ikon Swiper" width="24" height="24">Ikon Swiper di set ikon lain
FAQ Ikon Swiper
Apakah ikon Swiper gratis untuk penggunaan komersial?
Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Swiper di React?
Pasang @iconify/react lalu render <Icon icon="devicon:swiper" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Swiper ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/swiper.svg" alt="Ikon Swiper">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.