cloud upload icon

cloud-upload-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: cloud-upload-sharp
Set: IonIcons
Style: Sharp
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

cloud-uploadAkar Icons cloud-uploadBootstrap Icons cloud-uploadBoxIcons v2 cloud-uploadBoxIcons v2 Solid cloud-uploadCarbon cloud-upload-fillEva Icons cloud-uploadFramework7 Icons cloud-uploadHuge Icons cloud-uploadIconoir cloud-uploadLucide cloud-uploadMajesticons cloud-uploadMaterial Symbols cloud-uploadMaterial Design Icons cloud-uploadOcticons cloud-uploadPixelarticons cloud-upload-boldSolar cloud-uploadTabler Icons cloud-uploadUnicons

Related icons in IonIcons

cloud-circle cloud-done cloud-download cloud-offline

Use the cloud upload icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M473.66 210c-16.56-12.3-37.7-20.75-59.52-24c-6.62-39.18-24.21-72.67-51.3-97.45c-28.69-26.3-66.63-40.76-106.84-40.76c-35.35 0-68 11.08-94.37 32.05a149.6 149.6 0 0 0-45.32 60.49c-29.94 4.6-57.12 16.68-77.39 34.55C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76c25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-48 48l-22.63-22.63L256 169.17l86.63 86.62L320 278.42l-48-48v153.37h124c31.34 0 59.91-8.8 80.45-24.77c23.26-18.1 35.55-44 35.55-74.83c0-29.94-13.26-55.61-38.34-74.19M240 383.79h32v80.41h-32z"/></svg>

React

import type { SVGProps } from "react";

export function IonCloudUploadSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M473.66 210c-16.56-12.3-37.7-20.75-59.52-24c-6.62-39.18-24.21-72.67-51.3-97.45c-28.69-26.3-66.63-40.76-106.84-40.76c-35.35 0-68 11.08-94.37 32.05a149.6 149.6 0 0 0-45.32 60.49c-29.94 4.6-57.12 16.68-77.39 34.55C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76c25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-48 48l-22.63-22.63L256 169.17l86.63 86.62L320 278.42l-48-48v153.37h124c31.34 0 59.91-8.8 80.45-24.77c23.26-18.1 35.55-44 35.55-74.83c0-29.94-13.26-55.61-38.34-74.19M240 383.79h32v80.41h-32z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M473.66 210c-16.56-12.3-37.7-20.75-59.52-24c-6.62-39.18-24.21-72.67-51.3-97.45c-28.69-26.3-66.63-40.76-106.84-40.76c-35.35 0-68 11.08-94.37 32.05a149.6 149.6 0 0 0-45.32 60.49c-29.94 4.6-57.12 16.68-77.39 34.55C13.46 197.33 0 227.24 0 261.39c0 34.52 14.49 66 40.79 88.76c25.12 21.69 58.94 33.64 95.21 33.64h104V230.42l-48 48l-22.63-22.63L256 169.17l86.63 86.62L320 278.42l-48-48v153.37h124c31.34 0 59.91-8.8 80.45-24.77c23.26-18.1 35.55-44 35.55-74.83c0-29.94-13.26-55.61-38.34-74.19M240 383.79h32v80.41h-32z"/></svg>
</template>

CSS

.icon-cloud-upload-sharp {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M473.66%20210c-16.56-12.3-37.7-20.75-59.52-24c-6.62-39.18-24.21-72.67-51.3-97.45c-28.69-26.3-66.63-40.76-106.84-40.76c-35.35%200-68%2011.08-94.37%2032.05a149.6%20149.6%200%200%200-45.32%2060.49c-29.94%204.6-57.12%2016.68-77.39%2034.55C13.46%20197.33%200%20227.24%200%20261.39c0%2034.52%2014.49%2066%2040.79%2088.76c25.12%2021.69%2058.94%2033.64%2095.21%2033.64h104V230.42l-48%2048l-22.63-22.63L256%20169.17l86.63%2086.62L320%20278.42l-48-48v153.37h124c31.34%200%2059.91-8.8%2080.45-24.77c23.26-18.1%2035.55-44%2035.55-74.83c0-29.94-13.26-55.61-38.34-74.19M240%20383.79h32v80.41h-32z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M473.66%20210c-16.56-12.3-37.7-20.75-59.52-24c-6.62-39.18-24.21-72.67-51.3-97.45c-28.69-26.3-66.63-40.76-106.84-40.76c-35.35%200-68%2011.08-94.37%2032.05a149.6%20149.6%200%200%200-45.32%2060.49c-29.94%204.6-57.12%2016.68-77.39%2034.55C13.46%20197.33%200%20227.24%200%20261.39c0%2034.52%2014.49%2066%2040.79%2088.76c25.12%2021.69%2058.94%2033.64%2095.21%2033.64h104V230.42l-48%2048l-22.63-22.63L256%20169.17l86.63%2086.62L320%20278.42l-48-48v153.37h124c31.34%200%2059.91-8.8%2080.45-24.77c23.26-18.1%2035.55-44%2035.55-74.83c0-29.94-13.26-55.61-38.34-74.19M240%20383.79h32v80.41h-32z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/cloud-upload-sharp.svg?color=%231a73e8&size=48