ICONYZ
Español
Icono Blackline Icon Pack de Arcticons

Icono Blackline Icon Pack

arcticons:blackline-icon-pack

El icono Blackline Icon Pack (arcticons:blackline-icon-pack) es un icono SVG gratuito de la colección Arcticons de Donnnno. Está dibujado en una cuadrícula de 48 × 48. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Arcticons
Autor
Donnnno
Licencia
CC-BY-SA-4.0
Tamaño
48 × 48
Etiquetas
blacklineicon, iconpack, blacklineiconpack
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.924 8.122c-.48-3.09-1.061-3.773-2.782-3.596c-1.372.141-8.968 3.21-11.993 4.448a1.004 1.004 0 0 0-.416 1.545c1.024 1.326 2.683 3.646 3.095 5.244c1.14.253 2.86 3.492 2.86 3.492c1.594-1.974 2.05-6.808 2.025-9.339s2.53-4.732 3.897-3.998s2.16 2.71 2.16 2.71"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.281 7.765c-1.113.43-1.502 1.797-1.502 1.797m7.576 1.671c-1.038 1.34-3.088 3.062-3.088 3.062M24 28.29c-2.202 0-3.366 1.164-3.366 1.164c.43 1.114 1.367 3.012 3.366 3.012"/><circle cx="18.363" cy="19.907" r="2.43" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 26.645c2.1-1.392 6.473-3.17 9.453-2.505c-.285-1.101.246-4.632 1.005-5.98c0 0-.79-1.335-.714-3.764c-.76-2.936-3.366-6.934-9.744-6.934c-6.377 0-8.984 3.998-9.743 6.934c.076 2.43-.715 3.764-.715 3.764c.759 1.348 1.29 4.879 1.006 5.98c2.98-.665 7.352 1.113 9.452 2.505"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.076 8.122c.48-3.09 1.061-3.773 2.782-3.596c1.372.141 8.968 3.21 11.993 4.448c.617.253.823 1.018.416 1.545c-1.024 1.326-2.683 3.646-3.095 5.244c-1.14.253-2.86 3.492-2.86 3.492c-1.595-1.974-2.05-6.808-2.025-9.339c.026-2.53-2.53-4.732-3.897-3.998s-2.16 2.71-2.16 2.71"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.719 7.765c1.113.43 1.502 1.797 1.502 1.797m-7.576 1.671c1.038 1.34 3.088 3.062 3.088 3.062M24 28.29c2.202 0 3.366 1.164 3.366 1.164c-.43 1.114-1.367 3.012-3.366 3.012"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.453 24.14c3.505.987 5.124 5.669 5.124 5.669c-2.024.1-2.682 1.316-2.682 1.316c1.999 1.594 2.15 3.695 2.15 3.695c-1.619-.481-2.859.38-2.859.38c1.62 1.568 1.19 3.29 1.19 3.29c-1.898-.355-2.81-.203-3.341.43c1.443.834.81 2.505.81 2.505c-.532-.962-3.088-.987-3.088-.987c-.455-2.177-4.074-2.556-4.074-2.556c-1.24-.304-2.163-2.057-2.683-3.482c-.52 1.425-1.442 3.178-2.682 3.482c0 0-3.62.38-4.075 2.556c0 0-2.556.025-3.088.987c0 0-.632-1.67.81-2.506c-.531-.632-1.442-.784-3.34-.43c0 0-.43-1.72 1.19-3.29c0 0-1.241-.86-2.86-.38c0 0 .151-2.1 2.15-3.695c0 0-.658-1.214-2.682-1.316c0 0 1.62-4.682 5.125-5.669"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.757 40.438c.481 1.366-.101 3.062-.101 3.062c-1.417-1.594-4.176-3.088-6.656-.278c-2.48-2.81-5.239-1.316-6.656.278c0 0-.582-1.696-.101-3.062"/><circle cx="29.637" cy="19.907" r="2.43" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>

Cómo usar el icono Blackline Icon Pack

React

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

<Icon icon="arcticons:blackline-icon-pack" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:blackline-icon-pack" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:blackline-icon-pack" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--blackline-icon-pack]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:blackline-icon-pack"></div>

Web component

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

<iconify-icon icon="arcticons:blackline-icon-pack"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/arcticons/blackline-icon-pack.svg" alt="Icono Blackline Icon Pack" width="24" height="24">

Preguntas frecuentes sobre Icono Blackline Icon Pack

¿El icono Blackline Icon Pack es gratis para uso comercial?

Sí. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Blackline Icon Pack en React?

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

¿Cómo añado el icono Blackline Icon Pack a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/arcticons/blackline-icon-pack.svg" alt="Icono Blackline Icon Pack">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Arcticons →