Ikon Server Lock

streamline-freehand-color:server-lock

Ikon Server Lock (streamline-freehand-color:server-lock) adalah ikon SVG gratis dari set Freehand color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand 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: Freehand color icons
Pembuat: Streamline
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Internet, jaringan, dan server
Tag: serverlock

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M22.188 4.84a1.3 1.3 0 0 0-.819-.22a41 41 0 0 0-5.115.54a.28.28 0 0 0 0 .459c.16.13-.17 0 2.238-.08a2.17 2.17 0 0 0 .13 1.818a.32.32 0 0 0 .629-.07c.09-.7.34-.889 0-1.778h1.648c.72 0 .71-.23.81.71a14.6 14.6 0 0 1 0 2.497c-.11.57-.31.64-.59.71q-.624.113-1.259.15c-.799.139-3.127.549-3.686-.26a2.5 2.5 0 0 1-.37-1.14c-.2-1.548.35-2.517 0-2.707c-.14-.08-.4-.07-.51.26s-.12.859-.15.999a4.8 4.8 0 0 0 .37 2.997c.77 1.249 3.167 1 4.536.84c.74-.1 1.889 0 2.428-.85a3.57 3.57 0 0 0 .37-1.998c-.09-.8-.13-2.298-.66-2.878m-6.644-.349c0-2.997 3.567-4.366 5.076-2.688c.432.464.699 1.058.76 1.689a.32.32 0 0 0 .638 0A3.377 3.377 0 0 0 19.181.014a3.86 3.86 0 0 0-3.996 2.657a4.6 4.6 0 0 0-.2 1.819a.28.28 0 0 0 .56 0"/><path fill="#0c6fff" d="M7.112 11.124a.9.9 0 0 0-.17-1.23a.82.82 0 0 0-.999 1.29c.32.45.8.35 1.17-.06m-1.17 5.166c.36.449.85.339 1.22-.06a.91.91 0 0 0-.22-1.23a.83.83 0 0 0-1 1.29m.06 4.825c.36.44.85.34 1.219-.06a.9.9 0 0 0-.21-1.23a.819.819 0 0 0-1.009 1.29m-1.528-9.761a.91.91 0 0 0-.2-1.23a.829.829 0 0 0-1 1.29c.34.45.83.35 1.2-.06M3.376 16.27c.36.439.839.339 1.208-.06a.9.9 0 0 0-.2-1.21a.819.819 0 0 0-1.008 1.27m.099 4.815c.36.45.85.35 1.22-.06a.9.9 0 0 0-.2-1.23a.83.83 0 0 0-1.02 1.29"/><path fill="#020202" d="M16.534 13.122c-.35 6.514-.38 8.652-.88 9.112c-.448.323-.97.53-1.518.6c-.64.089-.5.07-8.453-.05c-.51 0-2.887.12-3.157-.42c-.43-.84-.39-3.258-.41-4.217c.44.08.54 0 .88 0a40 40 0 0 0 7.993.37c1.208-.09 4.495-.25 4.785-.66a.31.31 0 0 0-.1-.509a5.8 5.8 0 0 0-1.698.1c-2.328 0-9.491-.13-11.81.06c-.11 0-.06.6-.18-6.994c0-1.289.17-1.269 0-1.438a.27.27 0 0 0-.369 0c-.29.2-.22.49-.48 10.81c-.035.995.104 1.99.41 2.937c.54 1.269 2.798 1.17 4.136 1.17c7.683 0 7.993.059 8.912-.15a3.9 3.9 0 0 0 1.869-1c.759-.9.62-3.217.769-9.691a.35.35 0 1 0-.7-.03M3.046 8.676c3.203.146 6.413.05 9.601-.29a.31.31 0 1 0 0-.62a35 35 0 0 0-4.826-.229c-2.088.06-4.605.47-4.775.47a.36.36 0 0 0 0 .669"/><path fill="#020202" d="M8.84 12.592c-.999 0-5.125.07-5.495.14a.31.31 0 0 0-.16.6c.08 0 3.897.46 5.655.45c2.199 0 4.167-.21 5.665-.34a.35.35 0 0 0 0-.7s-4.715-.14-5.665-.15"/></g></svg>

Cara memakai ikon Server Lock

React

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

<Icon icon="streamline-freehand-color:server-lock" width="24" />

Vue

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

<template>
  <Icon icon="streamline-freehand-color:server-lock" width="24" />
</template>

Svelte

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

<Icon icon="streamline-freehand-color:server-lock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--server-lock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:server-lock"></div>

Web component

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

<iconify-icon icon="streamline-freehand-color:server-lock"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/server-lock.svg" alt="Ikon Server Lock" width="24" height="24">

Ikon terkait di Freehand color icons

Ikon Server Lock di set ikon lain

FAQ Ikon Server Lock

Apakah ikon Server Lock gratis untuk penggunaan komersial?

Ya. Freehand 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 Server Lock di React?

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

Bagaimana cara menambahkan ikon Server Lock ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/server-lock.svg" alt="Ikon Server Lock">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Freehand color icons →