ICONYZ
Español
Icono Clip de Ligature Symbols

Icono Clip

ls:clip

El icono Clip (ls:clip) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 718 × 701. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Ligature Symbols
Autor
Kazuyuki Motoyama
Licencia
OFL-1.1
Tamaño
718 × 701
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="718" height="701" viewBox="0 0 718 701"><path fill="currentColor" d="m175 397l280-280c3-3 27-27 65-40c53-17 107-3 150 40c44 43 57 96 40 149c-12 38-37 64-40 67L369 634c-52 52-182 119-302 0c-119-119-51-250 0-301L390 9c12-12 31-12 43 0s12 31 0 43L111 376c-5 4-106 109 0 215c103 103 204 11 215 0l301-302s17-17 25-41c10-32 3-60-25-88c-60-60-118-10-129 0L218 439c-10 10-17 27 0 44s33 9 43 0l194-194c12-11 32-11 43 0c12 12 12 32 0 44L304 526c-27 26-82 47-129 0c-48-47-27-103 0-129"/></svg>

Cómo usar el icono Clip

React

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

<Icon icon="ls:clip" width="24" />

Vue

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

<template>
  <Icon icon="ls:clip" width="24" />
</template>

Svelte

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

<Icon icon="ls:clip" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ls:clip"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ls/clip.svg" alt="Icono Clip" width="24" height="24">

El icono Clip en otras colecciones

Preguntas frecuentes sobre Icono Clip

¿El icono Clip es gratis para uso comercial?

Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Clip en React?

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

¿Cómo añado el icono Clip a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/clip.svg" alt="Icono Clip">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Ligature Symbols →