cloud download icon
cloud-download-line from Majesticons by Gerrit Halfmann · Line · MIT Free for personal and commercial use.
- Name
- cloud-download-line
- Set
- Majesticons
- Style
- Line
- Viewbox
- 24×24
- License
- MIT
1 other variant in Majesticons
The same icon in other sets
cloud-downloadAkar Iconscloud-download-outlinedAnt Design Iconscloud-downloadBootstrap Iconscloud-downloadBoxIcons v2cloud-downloadBoxIcons v2 Solidcloud-downloadCarboncloud-downloadCodiconscloud-download-fillEva Iconscloud-downloadFramework7 Iconscloud-downloadFont Awesome Solidcloud-downloadHuge Iconscloud-downloadIconoircloud-downloadIonIconscloud-downloadLucidecloud-downloadMaterial Symbolscloud-downloadMaterial Symbols Lightcloud-downloadMaterial Design Iconscloud-downloadMyna UI Iconscloud-downloadOcticonscloud-downloadPixelarticonscloud-downloadPrime Iconscloud-download-boldSolarcloud-downloadTabler Iconscloud-downloadTDesign Icons
Related icons in Majesticons
Use the cloud download icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.5 6c-2.294 0-3.71 1.655-4.106 2.447A1 1 0 0 1 7.5 9c-.757 0-1.914.235-2.853.912C3.758 10.552 3 11.626 3 13.5c0 1.458.459 2.415 1.05 3.06c.607.663 1.418 1.062 2.204 1.269a1 1 0 0 1-.508 1.934c-1.049-.276-2.238-.833-3.171-1.852C1.624 16.873 1 15.423 1 13.5c0-2.526 1.075-4.201 2.478-5.212c1.124-.809 2.413-1.163 3.435-1.26C7.751 5.773 9.626 4 12.5 4c2.13 0 3.65 1.08 4.607 2.33a7.133 7.133 0 0 1 1.285 2.745c.785.127 1.695.43 2.505 1.014C22.092 10.948 23 12.373 23 14.5c0 1.516-.462 2.697-1.196 3.571c-.72.86-1.65 1.362-2.498 1.634a1 1 0 1 1-.612-1.904c.586-.188 1.157-.513 1.578-1.015c.408-.486.728-1.202.728-2.286c0-1.474-.592-2.299-1.272-2.789c-.73-.526-1.638-.711-2.228-.711a1 1 0 0 1-1-1c0-.502-.284-1.543-.982-2.455C14.85 6.67 13.87 6 12.5 6zm-.5 4a1 1 0 0 1 1 1v5.586l1.293-1.293a1 1 0 0 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L11 16.586V11a1 1 0 0 1 1-1z"/></g></svg>
React
import type { SVGProps } from "react";
export function MajesticonsCloudDownloadLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.5 6c-2.294 0-3.71 1.655-4.106 2.447A1 1 0 0 1 7.5 9c-.757 0-1.914.235-2.853.912C3.758 10.552 3 11.626 3 13.5c0 1.458.459 2.415 1.05 3.06c.607.663 1.418 1.062 2.204 1.269a1 1 0 0 1-.508 1.934c-1.049-.276-2.238-.833-3.171-1.852C1.624 16.873 1 15.423 1 13.5c0-2.526 1.075-4.201 2.478-5.212c1.124-.809 2.413-1.163 3.435-1.26C7.751 5.773 9.626 4 12.5 4c2.13 0 3.65 1.08 4.607 2.33a7.133 7.133 0 0 1 1.285 2.745c.785.127 1.695.43 2.505 1.014C22.092 10.948 23 12.373 23 14.5c0 1.516-.462 2.697-1.196 3.571c-.72.86-1.65 1.362-2.498 1.634a1 1 0 1 1-.612-1.904c.586-.188 1.157-.513 1.578-1.015c.408-.486.728-1.202.728-2.286c0-1.474-.592-2.299-1.272-2.789c-.73-.526-1.638-.711-2.228-.711a1 1 0 0 1-1-1c0-.502-.284-1.543-.982-2.455C14.85 6.67 13.87 6 12.5 6zm-.5 4a1 1 0 0 1 1 1v5.586l1.293-1.293a1 1 0 0 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L11 16.586V11a1 1 0 0 1 1-1z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.5 6c-2.294 0-3.71 1.655-4.106 2.447A1 1 0 0 1 7.5 9c-.757 0-1.914.235-2.853.912C3.758 10.552 3 11.626 3 13.5c0 1.458.459 2.415 1.05 3.06c.607.663 1.418 1.062 2.204 1.269a1 1 0 0 1-.508 1.934c-1.049-.276-2.238-.833-3.171-1.852C1.624 16.873 1 15.423 1 13.5c0-2.526 1.075-4.201 2.478-5.212c1.124-.809 2.413-1.163 3.435-1.26C7.751 5.773 9.626 4 12.5 4c2.13 0 3.65 1.08 4.607 2.33a7.133 7.133 0 0 1 1.285 2.745c.785.127 1.695.43 2.505 1.014C22.092 10.948 23 12.373 23 14.5c0 1.516-.462 2.697-1.196 3.571c-.72.86-1.65 1.362-2.498 1.634a1 1 0 1 1-.612-1.904c.586-.188 1.157-.513 1.578-1.015c.408-.486.728-1.202.728-2.286c0-1.474-.592-2.299-1.272-2.789c-.73-.526-1.638-.711-2.228-.711a1 1 0 0 1-1-1c0-.502-.284-1.543-.982-2.455C14.85 6.67 13.87 6 12.5 6zm-.5 4a1 1 0 0 1 1 1v5.586l1.293-1.293a1 1 0 0 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L11 16.586V11a1 1 0 0 1 1-1z"/></g></svg> </template>
CSS
.icon-cloud-download-line {
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%22currentColor%22%3E%3Cpath%20d%3D%22M12.5%206c-2.294%200-3.71%201.655-4.106%202.447A1%201%200%200%201%207.5%209c-.757%200-1.914.235-2.853.912C3.758%2010.552%203%2011.626%203%2013.5c0%201.458.459%202.415%201.05%203.06c.607.663%201.418%201.062%202.204%201.269a1%201%200%200%201-.508%201.934c-1.049-.276-2.238-.833-3.171-1.852C1.624%2016.873%201%2015.423%201%2013.5c0-2.526%201.075-4.201%202.478-5.212c1.124-.809%202.413-1.163%203.435-1.26C7.751%205.773%209.626%204%2012.5%204c2.13%200%203.65%201.08%204.607%202.33a7.133%207.133%200%200%201%201.285%202.745c.785.127%201.695.43%202.505%201.014C22.092%2010.948%2023%2012.373%2023%2014.5c0%201.516-.462%202.697-1.196%203.571c-.72.86-1.65%201.362-2.498%201.634a1%201%200%201%201-.612-1.904c.586-.188%201.157-.513%201.578-1.015c.408-.486.728-1.202.728-2.286c0-1.474-.592-2.299-1.272-2.789c-.73-.526-1.638-.711-2.228-.711a1%201%200%200%201-1-1c0-.502-.284-1.543-.982-2.455C14.85%206.67%2013.87%206%2012.5%206zm-.5%204a1%201%200%200%201%201%201v5.586l1.293-1.293a1%201%200%200%201%201.414%201.414l-3%203a1%201%200%200%201-1.414%200l-3-3a1%201%200%201%201%201.414-1.414L11%2016.586V11a1%201%200%200%201%201-1z%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%22currentColor%22%3E%3Cpath%20d%3D%22M12.5%206c-2.294%200-3.71%201.655-4.106%202.447A1%201%200%200%201%207.5%209c-.757%200-1.914.235-2.853.912C3.758%2010.552%203%2011.626%203%2013.5c0%201.458.459%202.415%201.05%203.06c.607.663%201.418%201.062%202.204%201.269a1%201%200%200%201-.508%201.934c-1.049-.276-2.238-.833-3.171-1.852C1.624%2016.873%201%2015.423%201%2013.5c0-2.526%201.075-4.201%202.478-5.212c1.124-.809%202.413-1.163%203.435-1.26C7.751%205.773%209.626%204%2012.5%204c2.13%200%203.65%201.08%204.607%202.33a7.133%207.133%200%200%201%201.285%202.745c.785.127%201.695.43%202.505%201.014C22.092%2010.948%2023%2012.373%2023%2014.5c0%201.516-.462%202.697-1.196%203.571c-.72.86-1.65%201.362-2.498%201.634a1%201%200%201%201-.612-1.904c.586-.188%201.157-.513%201.578-1.015c.408-.486.728-1.202.728-2.286c0-1.474-.592-2.299-1.272-2.789c-.73-.526-1.638-.711-2.228-.711a1%201%200%200%201-1-1c0-.502-.284-1.543-.982-2.455C14.85%206.67%2013.87%206%2012.5%206zm-.5%204a1%201%200%200%201%201%201v5.586l1.293-1.293a1%201%200%200%201%201.414%201.414l-3%203a1%201%200%200%201-1.414%200l-3-3a1%201%200%201%201%201.414-1.414L11%2016.586V11a1%201%200%200%201%201-1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/majesticons/cloud-download-line.svg?color=%231a73e8&size=48
