Lasso icon

file-icons:lasso

The Lasso icon (file-icons:lasso) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M512 129.446c-56.735 50.673-206.21 128.277-224.061 125.794c-18.147-2.536 66.13-98.164 66.13-98.164s-54.466 21.402-100.248 36.273c-80.037 25.91-113.395-53.12-113.395-82.436c0-19.427 26.223-74.252 26.223-74.252c-48.07 12.629-75.437 50.54-87.237 48.454C72.87 83.94 41.273 54.963 0 21.815v21.437c33.287 28.519 59.754 55.983 74.657 72.26c9.466-8.84 52.085-48.634 65.994-57.943c0 0-44.46 41.073-51.481 74.922c0 0-18.08-6.639-39.794-19.38C35.372 104.89 18.45 94.668 0 83.476v349.61a1570 1570 0 0 1 14.291-10.392c39.817-28.534 132.282 31.202 160.861 55.294c28.13 23.666 49.731 12.877 131.384-32.235C396.369 396.182 492.966 178.83 512 134.365zm-346.316 76.578s62.698 19.246 144.486-17.318c0 0-86.318 66.465-144.486 17.318m121.313 62.92s89.236-11.957 197.827-98.251c0 0-143.991 142.354-197.827 98.251"/></svg>

How to use the Lasso icon

React

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

<Icon icon="file-icons:lasso" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:lasso" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:lasso" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--lasso]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:lasso"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/lasso.svg" alt="Lasso icon" width="24" height="24">

Lasso icon in other icon sets

Lasso icon FAQ

Is the Lasso icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Lasso icon in React?

Install @iconify/react and render <Icon icon="file-icons:lasso" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Lasso icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/lasso.svg" alt="Lasso icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →