Ikon Vector Pen
streamline-cyber-color:vector-pen
Ikon Vector Pen (streamline-cyber-color:vector-pen) 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
- vectorpen
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="M16.602 16.09L12 6.887L7.398 16.09l3.58 4.09H8.932v3.069h6.136V20.18h-2.045z"/><path fill="#bbd8ff" d="M12 23.249V6.887l4.602 9.203l-3.58 4.09h2.046v3.069zM12 .751L9.955 2.796L12 4.841l2.045-2.045zM2.796 9.955L.751 12l2.045 2.045L4.841 12zm18.408 0L19.159 12l2.045 2.045L23.249 12z"/><path stroke="#092f63" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m13.023 20.18l3.579-4.09L12 6.887L7.398 16.09l3.58 4.09m4.09 0H8.932v3.069h6.136zM12 15.068V6.887m-1.022-3.068l-7.159 7.158M12 .751L9.955 2.796L12 4.841l2.045-2.045zM2.796 9.955L.751 12l2.045 2.045L4.841 12zm18.408 0L19.159 12l2.045 2.045L23.249 12zm-8.181-6.136l7.158 7.158"/></g></svg>Cara memakai ikon Vector Pen
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-cyber-color:vector-pen" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-cyber-color:vector-pen" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-cyber-color:vector-pen" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-cyber-color--vector-pen]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-cyber-color -->
<div class="i-streamline-cyber-color:vector-pen"></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:vector-pen"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-cyber-color/vector-pen.svg" alt="Ikon Vector Pen" width="24" height="24">Ikon terkait di Cyber color icons
Ikon Vector Pen di set ikon lain
FAQ Ikon Vector Pen
Apakah ikon Vector Pen 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 Vector Pen di React?
Pasang @iconify/react lalu render <Icon icon="streamline-cyber-color:vector-pen" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Vector Pen ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-cyber-color/vector-pen.svg" alt="Ikon Vector Pen">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.