ICONYZ
Bahasa Indonesia
Ikon Wrench Screwdriver dari Cyber color icons

Ikon Wrench Screwdriver

streamline-cyber-color:wrench-screwdriver

Ikon Wrench Screwdriver (streamline-cyber-color:wrench-screwdriver) adalah ikon SVG gratis dari set Cyber color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Cyber color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Cyber color icons
Pembuat
Streamline
Lisensi
CC-BY-4.0
Ukuran
24 × 24
Kategori
Antarmuka esensial
Tag
wrenchscrewdriver
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="m18 16l3.5.5l2 2v3l-2-2h-2v2l2 2h-3l-2-1.5l-.5-4L6 8l-4-.5l-1.5-2v-3l2 2h2v-2l-2-2h3l2 2L8 6zM6.5 12.5l-.5 3l-2 .5l-3.5 3.5v4h4L8 20l.5-2l3-.5zM18 6l4-1l1.5-3L22 .5L19 2z"/><path fill="#bbd8ff" d="M19.5 19.5v2l2 2h-3l-2-1.5l-.5-4L6 8l-4-.5l-1.5-2v-3l2 2h2zm-19 4h4L8 20l.5-2l3-.5L9 15zM18 6l4-1l1.5-3l-.7-.7z"/><path stroke="#092f63" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m6.5 12.5l-.5 3l-2 .5l-3.5 3.5v4h4L8 20l.5-2l3-.5zM9 15l9-9m0 0l4-1l1.5-3L22 .5L19 2zm-6.5 3.5L8 6l-.5-3.5l-2-2h-3l2 2v2h-2l-2-2v3l1.5 2L6 8l3.5 3.5m5 1L18 16l3.5.5l2 2v3l-2-2h-2v2l2 2h-3l-2-1.5l-.5-4l-3.5-3.5m-6.5 1L8.5 18"/></g></svg>

Cara memakai ikon Wrench Screwdriver

React

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

<Icon icon="streamline-cyber-color:wrench-screwdriver" width="24" />

Vue

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

<template>
  <Icon icon="streamline-cyber-color:wrench-screwdriver" width="24" />
</template>

Svelte

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

<Icon icon="streamline-cyber-color:wrench-screwdriver" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-cyber-color--wrench-screwdriver]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-cyber-color -->
<div class="i-streamline-cyber-color:wrench-screwdriver"></div>

Web component

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

<iconify-icon icon="streamline-cyber-color:wrench-screwdriver"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-cyber-color/wrench-screwdriver.svg" alt="Ikon Wrench Screwdriver" width="24" height="24">

Ikon terkait di Cyber color icons

Ikon Wrench Screwdriver di set ikon lain

FAQ Ikon Wrench Screwdriver

Apakah ikon Wrench Screwdriver gratis untuk penggunaan komersial?

Ya. Cyber color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Wrench Screwdriver di React?

Pasang @iconify/react lalu render <Icon icon="streamline-cyber-color:wrench-screwdriver" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Wrench Screwdriver ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-cyber-color/wrench-screwdriver.svg" alt="Ikon Wrench Screwdriver">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Cyber color icons →