ICONYZ
Bahasa Indonesia
Ikon Cockpit dari selfh.st/icons

Ikon Cockpit

selfhst:cockpit

Ikon Cockpit (selfhst:cockpit) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/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
selfh.st/icons
Pembuat
selfh.st
Lisensi
CC-BY-4.0
Ukuran
512 × 512
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M256 0C114.8 0 0 114.8 0 256s114.8 256 256 256s256-114.8 256-256S397.2 0 256 0m0 38.4c120.1-.2 217.5 97 217.7 217v.6c.1 120.1-97.1 217.5-217.2 217.6h-.6c-120 .2-217.4-97-217.6-217v-.6c-.2-120 97-217.4 217-217.6zm85.7 112.7c-10.5-.4-26.3 7.9-40.5 22l-30.7 30.5l-91.9-30.9l-18 18.5l69.4 52.7l-15.5 15.4c-5.1 5.1-9.7 10.7-13.6 16.8l-41.8-3.1l-10.2 10.3l41.5 30.8l30.4 41.5l10.2-10.2l-3.1-42.2c5.2-3.4 10.6-7.7 15.8-12.9l16.3-16.2l53.2 69.8l18.5-17.9l-31-92.4l29.7-29.5c19-18.9 27.7-41 19.6-49.5c-2.2-2.3-5.2-3.5-8.3-3.5"/></svg>

Cara memakai ikon Cockpit

React

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

<Icon icon="selfhst:cockpit" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:cockpit" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:cockpit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cockpit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cockpit"></div>

Web component

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

<iconify-icon icon="selfhst:cockpit"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/selfhst/cockpit.svg" alt="Ikon Cockpit" width="24" height="24">

Ikon terkait di selfh.st/icons

Ikon Cockpit di set ikon lain

FAQ Ikon Cockpit

Apakah ikon Cockpit gratis untuk penggunaan komersial?

Ya. selfh.st/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 Cockpit di React?

Pasang @iconify/react lalu render <Icon icon="selfhst:cockpit" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Cockpit ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/cockpit.svg" alt="Ikon Cockpit">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua selfh.st/icons →