Ikon Suspension Bolt Duotone
reicon:suspension-bolt-duotone
Ikon Suspension Bolt Duotone (reicon:suspension-bolt-duotone) adalah ikon SVG gratis dari set Reicon. Ikon ini digambar pada grid 24 × 24. Reicon 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="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M3 17.5v2c0 .465 0 .697.038.89a2 2 0 0 0 1.572 1.572c.193.038.425.038.89.038s.697 0 .89-.038a2 2 0 0 0 1.572-1.572C8 20.197 8 19.965 8 19.5v-2c0-.465 0-.697-.038-.89a2 2 0 0 0-1.572-1.572C6.197 15 5.965 15 5.5 15s-.697 0-.89.038a2 2 0 0 0-1.572 1.572C3 16.803 3 17.035 3 17.5m18 2v-2c0-.465 0-.697-.038-.89a2 2 0 0 0-1.572-1.572C19.197 15 18.965 15 18.5 15s-.697 0-.89.038a2 2 0 0 0-1.572 1.572c-.038.193-.038.425-.038.89v2c0 .465 0 .697.038.89a2 2 0 0 0 1.572 1.572c.193.038.425.038.89.038s.697 0 .89-.038a2 2 0 0 0 1.572-1.572c.038-.193.038-.425.038-.89M3 4.5v2c0 .465 0 .697.038.89A2 2 0 0 0 4.61 8.962C4.803 9 5.035 9 5.5 9s.697 0 .89-.038A2 2 0 0 0 7.962 7.39C8 7.197 8 6.965 8 6.5v-2c0-.465 0-.697-.038-.89A2 2 0 0 0 6.39 2.038C6.197 2 5.965 2 5.5 2s-.697 0-.89.038A2 2 0 0 0 3.038 3.61C3 3.803 3 4.035 3 4.5m18 2v-2c0-.465 0-.697-.038-.89a2 2 0 0 0-1.572-1.572C19.197 2 18.965 2 18.5 2s-.697 0-.89.038a2 2 0 0 0-1.572 1.572C16 3.803 16 4.035 16 4.5v2c0 .465 0 .697.038.89a2 2 0 0 0 1.572 1.572c.193.038.425.038.89.038s.697 0 .89-.038a2 2 0 0 0 1.572-1.572C21 7.197 21 6.965 21 6.5"/><path d="M8 17.75h8v1.5H8zm0-13h8v1.5H8z" opacity=".5"/><path fill-rule="evenodd" d="M12.386 8.857a.75.75 0 0 1 .257 1.029l-.818 1.364H13.5a.75.75 0 0 1 .643 1.136l-1.5 2.5a.75.75 0 1 1-1.286-.772l.818-1.364H10.5a.75.75 0 0 1-.643-1.136l1.5-2.5a.75.75 0 0 1 1.029-.257" clip-rule="evenodd"/></g></svg>Cara memakai ikon Suspension Bolt Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:suspension-bolt-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:suspension-bolt-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:suspension-bolt-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--suspension-bolt-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:suspension-bolt-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:suspension-bolt-duotone"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/reicon/suspension-bolt-duotone.svg" alt="Ikon Suspension Bolt Duotone" width="24" height="24">Ikon terkait di Reicon
FAQ Ikon Suspension Bolt Duotone
Apakah ikon Suspension Bolt Duotone gratis untuk penggunaan komersial?
Ya. Reicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Suspension Bolt Duotone di React?
Pasang @iconify/react lalu render <Icon icon="reicon:suspension-bolt-duotone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Suspension Bolt Duotone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/reicon/suspension-bolt-duotone.svg" alt="Ikon Suspension Bolt Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.