document add icon
document-add-broken from Solar by 480 Design · Broken · Notes · CC-BY-4.0 Attribution required.
- Name
- document-add-broken
- Set
- Solar
- Style
- Broken
- Category
- Notes
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More notes icons from Solar
archive-boldarchive-check-boldarchive-close-boldarchive-down-boldarchive-down-minimalistic-boldarchive-minimalistic-boldarchive-minimalistic-close-boldarchive-up-boldarchive-up-minimalistic-boldclipboard-add-boldclipboard-boldclipboard-check-boldclipboard-clock-boldclipboard-copy-boldclipboard-heart-boldclipboard-list-boldclipboard-minus-boldclipboard-paste-boldclipboard-remove-boldclipboard-text-boldclipboard-type-bolddocument-bolddocument-medicine-bolddocument-text-bold
Use the document add icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18.18 8.03933L18.6435 7.57589C19.4113 6.80804 20.6563 6.80804 21.4241 7.57589C22.192 8.34374 22.192 9.58868 21.4241 10.3565L20.9607 10.82M18.18 8.03933C18.18 8.03933 18.238 9.02414 19.1069 9.89309C19.9759 10.762 20.9607 10.82 20.9607 10.82M20.9607 10.82L16.7001 15.0806C16.4115 15.3692 16.2672 15.5135 16.1081 15.6376C15.9204 15.7839 15.7173 15.9094 15.5025 16.0118C15.3203 16.0986 15.1268 16.1632 14.7396 16.2922L13.5 16.7054L13.099 16.8391L12.6979 16.9728C12.5074 17.0363 12.2973 16.9867 12.1553 16.8447C12.0133 16.7027 11.9637 16.4926 12.0272 16.3021L12.1609 15.901L12.2946 15.5L12.7078 14.2604C12.8368 13.8732 12.9014 13.6797 12.9882 13.4975C13.0906 13.2827 13.2161 13.0796 13.3624 12.8919C13.4865 12.7328 13.6308 12.5885 13.9194 12.2999L18.18 8.03933M13.099 16.8391L12.1609 15.901"/><path stroke-linecap="round" d="M8 13H10.5"/><path stroke-linecap="round" d="M8 9H14.5"/><path stroke-linecap="round" d="M8 17H9.5"/><path stroke-linecap="round" d="M3 14V10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157M4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14M19.8284 20.8284C20.7715 19.8853 20.9554 18.4796 20.9913 16"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarDocumentAddBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M18.18 8.03933L18.6435 7.57589C19.4113 6.80804 20.6563 6.80804 21.4241 7.57589C22.192 8.34374 22.192 9.58868 21.4241 10.3565L20.9607 10.82M18.18 8.03933C18.18 8.03933 18.238 9.02414 19.1069 9.89309C19.9759 10.762 20.9607 10.82 20.9607 10.82M20.9607 10.82L16.7001 15.0806C16.4115 15.3692 16.2672 15.5135 16.1081 15.6376C15.9204 15.7839 15.7173 15.9094 15.5025 16.0118C15.3203 16.0986 15.1268 16.1632 14.7396 16.2922L13.5 16.7054L13.099 16.8391L12.6979 16.9728C12.5074 17.0363 12.2973 16.9867 12.1553 16.8447C12.0133 16.7027 11.9637 16.4926 12.0272 16.3021L12.1609 15.901L12.2946 15.5L12.7078 14.2604C12.8368 13.8732 12.9014 13.6797 12.9882 13.4975C13.0906 13.2827 13.2161 13.0796 13.3624 12.8919C13.4865 12.7328 13.6308 12.5885 13.9194 12.2999L18.18 8.03933M13.099 16.8391L12.1609 15.901"/><path strokeLinecap="round" d="M8 13H10.5"/><path strokeLinecap="round" d="M8 9H14.5"/><path strokeLinecap="round" d="M8 17H9.5"/><path strokeLinecap="round" d="M3 14V10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157M4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14M19.8284 20.8284C20.7715 19.8853 20.9554 18.4796 20.9913 16"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18.18 8.03933L18.6435 7.57589C19.4113 6.80804 20.6563 6.80804 21.4241 7.57589C22.192 8.34374 22.192 9.58868 21.4241 10.3565L20.9607 10.82M18.18 8.03933C18.18 8.03933 18.238 9.02414 19.1069 9.89309C19.9759 10.762 20.9607 10.82 20.9607 10.82M20.9607 10.82L16.7001 15.0806C16.4115 15.3692 16.2672 15.5135 16.1081 15.6376C15.9204 15.7839 15.7173 15.9094 15.5025 16.0118C15.3203 16.0986 15.1268 16.1632 14.7396 16.2922L13.5 16.7054L13.099 16.8391L12.6979 16.9728C12.5074 17.0363 12.2973 16.9867 12.1553 16.8447C12.0133 16.7027 11.9637 16.4926 12.0272 16.3021L12.1609 15.901L12.2946 15.5L12.7078 14.2604C12.8368 13.8732 12.9014 13.6797 12.9882 13.4975C13.0906 13.2827 13.2161 13.0796 13.3624 12.8919C13.4865 12.7328 13.6308 12.5885 13.9194 12.2999L18.18 8.03933M13.099 16.8391L12.1609 15.901"/><path stroke-linecap="round" d="M8 13H10.5"/><path stroke-linecap="round" d="M8 9H14.5"/><path stroke-linecap="round" d="M8 17H9.5"/><path stroke-linecap="round" d="M3 14V10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157M4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14M19.8284 20.8284C20.7715 19.8853 20.9554 18.4796 20.9913 16"/></g></svg> </template>
CSS
.icon-document-add-broken {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M18.18%208.03933L18.6435%207.57589C19.4113%206.80804%2020.6563%206.80804%2021.4241%207.57589C22.192%208.34374%2022.192%209.58868%2021.4241%2010.3565L20.9607%2010.82M18.18%208.03933C18.18%208.03933%2018.238%209.02414%2019.1069%209.89309C19.9759%2010.762%2020.9607%2010.82%2020.9607%2010.82M20.9607%2010.82L16.7001%2015.0806C16.4115%2015.3692%2016.2672%2015.5135%2016.1081%2015.6376C15.9204%2015.7839%2015.7173%2015.9094%2015.5025%2016.0118C15.3203%2016.0986%2015.1268%2016.1632%2014.7396%2016.2922L13.5%2016.7054L13.099%2016.8391L12.6979%2016.9728C12.5074%2017.0363%2012.2973%2016.9867%2012.1553%2016.8447C12.0133%2016.7027%2011.9637%2016.4926%2012.0272%2016.3021L12.1609%2015.901L12.2946%2015.5L12.7078%2014.2604C12.8368%2013.8732%2012.9014%2013.6797%2012.9882%2013.4975C13.0906%2013.2827%2013.2161%2013.0796%2013.3624%2012.8919C13.4865%2012.7328%2013.6308%2012.5885%2013.9194%2012.2999L18.18%208.03933M13.099%2016.8391L12.1609%2015.901%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8%2013H10.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8%209H14.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8%2017H9.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3%2014V10C3%206.22876%203%204.34315%204.17157%203.17157C5.34315%202%207.22876%202%2011%202H13C16.7712%202%2018.6569%202%2019.8284%203.17157M4.17157%2020.8284C5.34315%2022%207.22876%2022%2011%2022H13C16.7712%2022%2018.6569%2022%2019.8284%2020.8284C21%2019.6569%2021%2017.7712%2021%2014M19.8284%2020.8284C20.7715%2019.8853%2020.9554%2018.4796%2020.9913%2016%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M18.18%208.03933L18.6435%207.57589C19.4113%206.80804%2020.6563%206.80804%2021.4241%207.57589C22.192%208.34374%2022.192%209.58868%2021.4241%2010.3565L20.9607%2010.82M18.18%208.03933C18.18%208.03933%2018.238%209.02414%2019.1069%209.89309C19.9759%2010.762%2020.9607%2010.82%2020.9607%2010.82M20.9607%2010.82L16.7001%2015.0806C16.4115%2015.3692%2016.2672%2015.5135%2016.1081%2015.6376C15.9204%2015.7839%2015.7173%2015.9094%2015.5025%2016.0118C15.3203%2016.0986%2015.1268%2016.1632%2014.7396%2016.2922L13.5%2016.7054L13.099%2016.8391L12.6979%2016.9728C12.5074%2017.0363%2012.2973%2016.9867%2012.1553%2016.8447C12.0133%2016.7027%2011.9637%2016.4926%2012.0272%2016.3021L12.1609%2015.901L12.2946%2015.5L12.7078%2014.2604C12.8368%2013.8732%2012.9014%2013.6797%2012.9882%2013.4975C13.0906%2013.2827%2013.2161%2013.0796%2013.3624%2012.8919C13.4865%2012.7328%2013.6308%2012.5885%2013.9194%2012.2999L18.18%208.03933M13.099%2016.8391L12.1609%2015.901%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8%2013H10.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8%209H14.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8%2017H9.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3%2014V10C3%206.22876%203%204.34315%204.17157%203.17157C5.34315%202%207.22876%202%2011%202H13C16.7712%202%2018.6569%202%2019.8284%203.17157M4.17157%2020.8284C5.34315%2022%207.22876%2022%2011%2022H13C16.7712%2022%2018.6569%2022%2019.8284%2020.8284C21%2019.6569%2021%2017.7712%2021%2014M19.8284%2020.8284C20.7715%2019.8853%2020.9554%2018.4796%2020.9913%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/document-add-broken.svg?color=%231a73e8&size=48
