copy icon
copy from Myna UI Icons by Praveen Juge · Regular · MIT Free for personal and commercial use.
- Name
- copy
- Set
- Myna UI Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
copyAkar Iconscopy-filledAnt Design IconscopyBootstrap IconscopyBoxIcons v2copyBoxIcons v2 SolidcopyCarboncopyCodiconscopy-fillEva IconscopyFont Awesome 6 RegularcopyFont Awesome 6 SolidcopyFont Awesome RegularcopyFont Awesome SolidcopyFeather Iconscopy-16-filledFluent UI System Iconscopycss.ggcopyHuge IconscopyIconParkcopyIconPark OutlinecopyIconPark SolidcopyIconPark TwoTonecopyIconoircopyIonIconscopyLine AwesomecopyLucide
Use the copy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.829 12.861c.171-.413.171-.938.171-1.986s0-1.573-.171-1.986a2.25 2.25 0 0 0-1.218-1.218c-.413-.171-.938-.171-1.986-.171H11.1c-1.26 0-1.89 0-2.371.245a2.25 2.25 0 0 0-.984.984C7.5 9.209 7.5 9.839 7.5 11.1v6.525c0 1.048 0 1.573.171 1.986c.229.551.667.99 1.218 1.218c.413.171.938.171 1.986.171s1.573 0 1.986-.171m7.968-7.968a2.25 2.25 0 0 1-1.218 1.218c-.413.171-.938.171-1.986.171s-1.573 0-1.986.171a2.25 2.25 0 0 0-1.218 1.218c-.171.413-.171.938-.171 1.986s0 1.573-.171 1.986a2.25 2.25 0 0 1-1.218 1.218m7.968-7.968a11.68 11.68 0 0 1-7.75 7.9l-.218.068M16.5 7.5v-.9c0-1.26 0-1.89-.245-2.371a2.25 2.25 0 0 0-.983-.984C14.79 3 14.16 3 12.9 3H6.6c-1.26 0-1.89 0-2.371.245a2.25 2.25 0 0 0-.984.984C3 4.709 3 5.339 3 6.6v6.3c0 1.26 0 1.89.245 2.371c.216.424.56.768.984.984c.48.245 1.111.245 2.372.245H7.5"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCopy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M20.829 12.861c.171-.413.171-.938.171-1.986s0-1.573-.171-1.986a2.25 2.25 0 0 0-1.218-1.218c-.413-.171-.938-.171-1.986-.171H11.1c-1.26 0-1.89 0-2.371.245a2.25 2.25 0 0 0-.984.984C7.5 9.209 7.5 9.839 7.5 11.1v6.525c0 1.048 0 1.573.171 1.986c.229.551.667.99 1.218 1.218c.413.171.938.171 1.986.171s1.573 0 1.986-.171m7.968-7.968a2.25 2.25 0 0 1-1.218 1.218c-.413.171-.938.171-1.986.171s-1.573 0-1.986.171a2.25 2.25 0 0 0-1.218 1.218c-.171.413-.171.938-.171 1.986s0 1.573-.171 1.986a2.25 2.25 0 0 1-1.218 1.218m7.968-7.968a11.68 11.68 0 0 1-7.75 7.9l-.218.068M16.5 7.5v-.9c0-1.26 0-1.89-.245-2.371a2.25 2.25 0 0 0-.983-.984C14.79 3 14.16 3 12.9 3H6.6c-1.26 0-1.89 0-2.371.245a2.25 2.25 0 0 0-.984.984C3 4.709 3 5.339 3 6.6v6.3c0 1.26 0 1.89.245 2.371c.216.424.56.768.984.984c.48.245 1.111.245 2.372.245H7.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.829 12.861c.171-.413.171-.938.171-1.986s0-1.573-.171-1.986a2.25 2.25 0 0 0-1.218-1.218c-.413-.171-.938-.171-1.986-.171H11.1c-1.26 0-1.89 0-2.371.245a2.25 2.25 0 0 0-.984.984C7.5 9.209 7.5 9.839 7.5 11.1v6.525c0 1.048 0 1.573.171 1.986c.229.551.667.99 1.218 1.218c.413.171.938.171 1.986.171s1.573 0 1.986-.171m7.968-7.968a2.25 2.25 0 0 1-1.218 1.218c-.413.171-.938.171-1.986.171s-1.573 0-1.986.171a2.25 2.25 0 0 0-1.218 1.218c-.171.413-.171.938-.171 1.986s0 1.573-.171 1.986a2.25 2.25 0 0 1-1.218 1.218m7.968-7.968a11.68 11.68 0 0 1-7.75 7.9l-.218.068M16.5 7.5v-.9c0-1.26 0-1.89-.245-2.371a2.25 2.25 0 0 0-.983-.984C14.79 3 14.16 3 12.9 3H6.6c-1.26 0-1.89 0-2.371.245a2.25 2.25 0 0 0-.984.984C3 4.709 3 5.339 3 6.6v6.3c0 1.26 0 1.89.245 2.371c.216.424.56.768.984.984c.48.245 1.111.245 2.372.245H7.5"/></svg> </template>
CSS
.icon-copy {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20.829%2012.861c.171-.413.171-.938.171-1.986s0-1.573-.171-1.986a2.25%202.25%200%200%200-1.218-1.218c-.413-.171-.938-.171-1.986-.171H11.1c-1.26%200-1.89%200-2.371.245a2.25%202.25%200%200%200-.984.984C7.5%209.209%207.5%209.839%207.5%2011.1v6.525c0%201.048%200%201.573.171%201.986c.229.551.667.99%201.218%201.218c.413.171.938.171%201.986.171s1.573%200%201.986-.171m7.968-7.968a2.25%202.25%200%200%201-1.218%201.218c-.413.171-.938.171-1.986.171s-1.573%200-1.986.171a2.25%202.25%200%200%200-1.218%201.218c-.171.413-.171.938-.171%201.986s0%201.573-.171%201.986a2.25%202.25%200%200%201-1.218%201.218m7.968-7.968a11.68%2011.68%200%200%201-7.75%207.9l-.218.068M16.5%207.5v-.9c0-1.26%200-1.89-.245-2.371a2.25%202.25%200%200%200-.983-.984C14.79%203%2014.16%203%2012.9%203H6.6c-1.26%200-1.89%200-2.371.245a2.25%202.25%200%200%200-.984.984C3%204.709%203%205.339%203%206.6v6.3c0%201.26%200%201.89.245%202.371c.216.424.56.768.984.984c.48.245%201.111.245%202.372.245H7.5%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M20.829%2012.861c.171-.413.171-.938.171-1.986s0-1.573-.171-1.986a2.25%202.25%200%200%200-1.218-1.218c-.413-.171-.938-.171-1.986-.171H11.1c-1.26%200-1.89%200-2.371.245a2.25%202.25%200%200%200-.984.984C7.5%209.209%207.5%209.839%207.5%2011.1v6.525c0%201.048%200%201.573.171%201.986c.229.551.667.99%201.218%201.218c.413.171.938.171%201.986.171s1.573%200%201.986-.171m7.968-7.968a2.25%202.25%200%200%201-1.218%201.218c-.413.171-.938.171-1.986.171s-1.573%200-1.986.171a2.25%202.25%200%200%200-1.218%201.218c-.171.413-.171.938-.171%201.986s0%201.573-.171%201.986a2.25%202.25%200%200%201-1.218%201.218m7.968-7.968a11.68%2011.68%200%200%201-7.75%207.9l-.218.068M16.5%207.5v-.9c0-1.26%200-1.89-.245-2.371a2.25%202.25%200%200%200-.983-.984C14.79%203%2014.16%203%2012.9%203H6.6c-1.26%200-1.89%200-2.371.245a2.25%202.25%200%200%200-.984.984C3%204.709%203%205.339%203%206.6v6.3c0%201.26%200%201.89.245%202.371c.216.424.56.768.984.984c.48.245%201.111.245%202.372.245H7.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/copy.svg?color=%231a73e8&size=48
