Icono Ruler Cross Pen Bold Duotone

solar:ruler-cross-pen-bold-duotone

El icono Ruler Cross Pen Bold Duotone (solar:ruler-cross-pen-bold-duotone) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Categoría: Herramientas
Etiquetas: rulercross, crosspen, penbold, boldduotone, rulercrosspenboldduotone

Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Ruler Cross Pen Bold Duotone

¿El icono Ruler Cross Pen Bold Duotone es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Ruler Cross Pen Bold Duotone en React?

Instala @iconify/react y renderiza <Icon icon="solar:ruler-cross-pen-bold-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Ruler Cross Pen Bold Duotone a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/ruler-cross-pen-bold-duotone.svg" alt="Icono Ruler Cross Pen Bold Duotone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →