Clothespin icon

Use it

import { ClothespinIcon } from '@nodo-icons/react';

<ClothespinIcon size={24} />

<script setup>
import { ClothespinIcon } from '@nodo-icons/vue';
</script>

<template><ClothespinIcon :size="24" /></template>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17.3 4.58L19.42 6.7C20.31 7.58 20.31 8.64 19.42 9.53L9.53 19.42C8.64 20.31 7.58 20.31 6.7 19.42L4.58 17.3C3.69 16.42 3.69 15.36 4.58 14.47L14.47 4.58C15.36 3.69 16.42 3.69 17.3 4.58Z"/><path d="M18.36 5.64L5.64 18.36"/><path d="M10.94 7.05L16.95 13.06C17.3 13.41 17.3 13.77 16.95 14.12L15.54 15.54C15.18 15.89 14.83 15.89 14.47 15.54L8.46 9.53C8.11 9.17 8.11 8.82 8.46 8.46L9.88 7.05C10.23 6.7 10.59 6.7 10.94 7.05Z"/></svg>

# .npmrc — your license key in the NODO_LICENSE_KEY env variable
@nodo-icons:registry=https://nodoicons.com/npm/
//nodoicons.com/npm/:_authToken=${NODO_LICENSE_KEY}

npm install @nodo-icons/react-pro

import { ClothespinIcon } from '@nodo-icons/react-pro/duotone';

<ClothespinIcon size={24} />

npm install @nodo-icons/react · Pro: setup with your license key · AI agents: npx @nodo-icons/mcp