paper clip icon

paper-clip-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: paper-clip-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: paper-clip, paper-clip-outline

The same icon in other sets

paper-clip-outlineFlowbite Icons paper-clipHeroIcons paper-clipMajesticons

Use the paper clip icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2c0 45.8-17.8 88.8-50.2 121.2l-266 265.9l-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0c-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3c6.7 6.7 10.3 15.5 10.3 24.9c0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364L224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5c33.9 33.8 78.3 50.7 122.7 50.7s88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignPaperClipOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2c0 45.8-17.8 88.8-50.2 121.2l-266 265.9l-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0c-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3c6.7 6.7 10.3 15.5 10.3 24.9c0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364L224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5c33.9 33.8 78.3 50.7 122.7 50.7s88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2c0 45.8-17.8 88.8-50.2 121.2l-266 265.9l-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0c-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3c6.7 6.7 10.3 15.5 10.3 24.9c0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364L224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5c33.9 33.8 78.3 50.7 122.7 50.7s88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9"/></svg>
</template>

CSS

.icon-paper-clip-outlined {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M779.3%20196.6c-94.2-94.2-247.6-94.2-341.7%200l-261%20260.8c-1.7%201.7-2.6%204-2.6%206.4s.9%204.7%202.6%206.4l36.9%2036.9a9%209%200%200%200%2012.7%200l261-260.8c32.4-32.4%2075.5-50.2%20121.3-50.2s88.9%2017.8%20121.2%2050.2c32.4%2032.4%2050.2%2075.5%2050.2%20121.2c0%2045.8-17.8%2088.8-50.2%20121.2l-266%20265.9l-43.1%2043.1c-40.3%2040.3-105.8%2040.3-146.1%200c-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5%2030.2-73l263.9-263.8c6.7-6.6%2015.5-10.3%2024.9-10.3h.1c9.4%200%2018.1%203.7%2024.7%2010.3c6.7%206.7%2010.3%2015.5%2010.3%2024.9c0%209.3-3.7%2018.1-10.3%2024.7L372.4%20653c-1.7%201.7-2.6%204-2.6%206.4s.9%204.7%202.6%206.4l36.9%2036.9a9%209%200%200%200%2012.7%200l215.6-215.6c19.9-19.9%2030.8-46.3%2030.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149%200L463%20364L224.8%20602.1A172.22%20172.22%200%200%200%20174%20724.8c0%2046.3%2018.1%2089.8%2050.8%20122.5c33.9%2033.8%2078.3%2050.7%20122.7%2050.7s88.8-16.9%20122.6-50.7l309.2-309C824.8%20492.7%20850%20432%20850%20367.5c.1-64.6-25.1-125.3-70.7-170.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M779.3%20196.6c-94.2-94.2-247.6-94.2-341.7%200l-261%20260.8c-1.7%201.7-2.6%204-2.6%206.4s.9%204.7%202.6%206.4l36.9%2036.9a9%209%200%200%200%2012.7%200l261-260.8c32.4-32.4%2075.5-50.2%20121.3-50.2s88.9%2017.8%20121.2%2050.2c32.4%2032.4%2050.2%2075.5%2050.2%20121.2c0%2045.8-17.8%2088.8-50.2%20121.2l-266%20265.9l-43.1%2043.1c-40.3%2040.3-105.8%2040.3-146.1%200c-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5%2030.2-73l263.9-263.8c6.7-6.6%2015.5-10.3%2024.9-10.3h.1c9.4%200%2018.1%203.7%2024.7%2010.3c6.7%206.7%2010.3%2015.5%2010.3%2024.9c0%209.3-3.7%2018.1-10.3%2024.7L372.4%20653c-1.7%201.7-2.6%204-2.6%206.4s.9%204.7%202.6%206.4l36.9%2036.9a9%209%200%200%200%2012.7%200l215.6-215.6c19.9-19.9%2030.8-46.3%2030.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149%200L463%20364L224.8%20602.1A172.22%20172.22%200%200%200%20174%20724.8c0%2046.3%2018.1%2089.8%2050.8%20122.5c33.9%2033.8%2078.3%2050.7%20122.7%2050.7s88.8-16.9%20122.6-50.7l309.2-309C824.8%20492.7%20850%20432%20850%20367.5c.1-64.6-25.1-125.3-70.7-170.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/paper-clip-outlined.svg?color=%231a73e8&size=48