Ikon Ruler Cross Pen Bold Duotone

solar:ruler-cross-pen-bold-duotone

Ikon Ruler Cross Pen Bold Duotone (solar:ruler-cross-pen-bold-duotone) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar 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: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Alat
Tag: rulercross, crosspen, penbold, boldduotone, rulercrosspenboldduotone

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.8487 8.71306C22.3844 7.17735 22.3844 4.68748 20.8487 3.15178C19.313 1.61607 16.8231 1.61607 15.2874 3.15178L14.4004 4.03882C14.4125 4.0755 14.4251 4.11268 14.4382 4.15035C14.7633 5.0875 15.3768 6.31601 16.5308 7.47002C17.6848 8.62403 18.9133 9.23749 19.8505 9.56262C19.888 9.57563 19.925 9.58817 19.9615 9.60026L20.8487 8.71306Z" opacity=".5"/><path d="M14.4386 4L14.4004 4.03819C14.4125 4.07487 14.4251 4.11206 14.4382 4.14973C14.7633 5.08687 15.3768 6.31538 16.5308 7.4694C17.6848 8.62341 18.9133 9.23686 19.8505 9.56199C19.8876 9.57489 19.9243 9.58733 19.9606 9.59933L11.4001 18.1598C10.823 18.7369 10.5343 19.0255 10.2162 19.2737C9.84082 19.5665 9.43469 19.8175 9.00498 20.0223C8.6407 20.1959 8.25351 20.3249 7.47918 20.583L3.39584 21.9442C3.01478 22.0712 2.59466 21.972 2.31063 21.688C2.0266 21.4039 1.92743 20.9838 2.05445 20.6028L3.41556 16.5194C3.67368 15.7451 3.80273 15.3579 3.97634 14.9936C4.18114 14.5639 4.43213 14.1578 4.7249 13.7824C4.97307 13.4643 5.26165 13.1757 5.83874 12.5986L14.4386 4Z"/><g opacity=".5"><path d="M5.49167 4.04537L4.04537 5.49167C2.68179 6.85525 2 7.53704 2 8.38426C2 9.23148 2.68179 9.91327 4.04536 11.2768L5.60303 12.8345C5.67593 12.7614 5.75423 12.6831 5.83871 12.5986L12.8349 5.60343L11.2769 4.04537C9.91327 2.68179 9.23148 2 8.38426 2C7.53704 2 6.85525 2.68179 5.49167 4.04537Z"/><path d="M18.3957 11.1642L11.4001 18.1598C11.3156 18.2443 11.2372 18.3226 11.1641 18.3956L12.7231 19.9546C14.0867 21.3182 14.7685 22 15.6157 22C16.463 22 17.1448 21.3182 18.5083 19.9546L19.9546 18.5083C21.3182 17.1448 22 16.463 22 15.6157C22 14.7685 21.3182 14.0867 19.9546 12.7231L18.3957 11.1642Z"/></g><path d="M20.1085 12.8771L18.9394 14.0462C18.6465 14.3391 18.6465 14.814 18.9394 15.1069C19.2323 15.3997 19.7072 15.3997 20.0001 15.1069L21.1502 13.9567C20.8715 13.6441 20.5243 13.2932 20.1085 12.8771Z"/><path d="M9.76586 2.61279L8.4394 3.93926C8.1465 4.23215 8.1465 4.70702 8.4394 4.99992C8.73229 5.29281 9.20716 5.29281 9.50006 4.99992L10.8653 3.63468C10.4395 3.21214 10.0847 2.87151 9.76586 2.61279Z"/></g></svg>

Cara memakai ikon Ruler Cross Pen Bold Duotone

React

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

<Icon icon="solar:ruler-cross-pen-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:ruler-cross-pen-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:ruler-cross-pen-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--ruler-cross-pen-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ruler-cross-pen-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:ruler-cross-pen-bold-duotone"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/ruler-cross-pen-bold-duotone.svg" alt="Ikon Ruler Cross Pen Bold Duotone" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Ruler Cross Pen Bold Duotone

Apakah ikon Ruler Cross Pen Bold Duotone gratis untuk penggunaan komersial?

Ya. Solar 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 Ruler Cross Pen Bold Duotone di React?

Pasang @iconify/react lalu render <Icon icon="solar:ruler-cross-pen-bold-duotone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Ruler Cross Pen Bold Duotone ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/ruler-cross-pen-bold-duotone.svg" alt="Ikon Ruler Cross Pen Bold Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →