Clip Note O icon
vs:clip-note-o
The Clip Note O icon (vs:clip-note-o) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1664 × 1792 grid. Vesper Icons are released under the Open Font 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1664 × 1792
- Tags
- clipnote, noteo, clipnoteo, paperclip note o
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1792" viewBox="0 0 1664 1792"><path fill="currentColor" d="M1664 256v637q0 110-.5 153t-1.5 130t-3 122.5t-6.5 102t-11 97.5t-16 80.5t-22 80t-29.5 66t-38 67.5H0q79-242 103.5-447.5T128 768V256h256v-54q0-88 68-147Q517 0 617 0q91 0 151.5 39t80.5 88q13 33 13 89H734q-5-58-35-82.5T609 109q-52 0-82 50q-6 11-9.5 25t-4.5 21t-1 27v24zM512 384v448q-1 32 15 46.5t49 17.5q40 0 52-12.5t12-51.5V512h128v320q0 71-12 99q-41 93-180 93q-86 0-139-53t-53-139V384H256v384q0 326-17.5 515T167 1664h1275q28-57 46-122.5t27.5-118.5t14-155t5.5-163.5t1-211.5V384z"/></svg>How to use the Clip Note O icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:clip-note-o" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:clip-note-o" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:clip-note-o" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--clip-note-o]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:clip-note-o"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:clip-note-o"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/vs/clip-note-o.svg" alt="Clip Note O icon" width="24" height="24">Related icons in Vesper Icons
Clip Note O icon FAQ
Is the Clip Note O icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Clip Note O icon in React?
Install @iconify/react and render <Icon icon="vs:clip-note-o" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Clip Note O icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/clip-note-o.svg" alt="Clip Note O icon">, or paste the SVG code inline to style it with CSS.