ibm cloud icon
ibm-cloud from Carbon by IBM · Outline · Brand · Apache-2.0 Free for personal and commercial use.
- Name
- ibm-cloud
- Set
- Carbon
- Style
- Outline
- Category
- Brand
- Viewbox
- 32×32
- License
- Apache 2.0
More brand icons from Carbon
beecarboncarbon-for-aemcarbon-for-ibm-dotcomcarbon-for-ibm-productcarbon-for-mobilecarbon-for-salesforcecarbon-ui-buildercloud-appedt-loopibm-partner-plusibm-securitylogo-angularlogo-ansible-communitylogo-astradblogo-blueskylogo-digglogo-discordlogo-facebooklogo-figmalogo-flickrlogo-gitlogo-githublogo-gitlab
Use the ibm cloud icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.58 13.65a9.733 9.733 0 0 0-18.294 3.889A6.75 6.75 0 0 0 7 31h16a8.747 8.747 0 0 0 1.58-17.35M23 29.5H7a5.237 5.237 0 0 1-.7-10.43a9.7 9.7 0 0 0 1.104 3.785a.75.75 0 1 0 1.322-.71a8.25 8.25 0 0 1 14.026-8.632a8.75 8.75 0 0 0-6.315 2.95a.75.75 0 1 0 1.124.992A7.25 7.25 0 1 1 23 29.5m8.898-19.245a.76.76 0 0 0-1.036-.278l-3.02 1.744a.759.759 0 1 0 .758 1.314l3.02-1.744a.76.76 0 0 0 .278-1.036M22.676 7.87a.76.76 0 0 0 1.037-.278l1.744-3.02a.759.759 0 0 0-1.314-.758l-1.744 3.02a.76.76 0 0 0 .277 1.036M16 6.081a.76.76 0 0 0 .759-.759V1.835a.759.759 0 1 0-1.518 0v3.487a.76.76 0 0 0 .759.76m-7.713 1.51a.759.759 0 0 0 1.314-.759l-1.744-3.02a.759.759 0 1 0-1.314.76Zm-4.128 4.129l-3.02-1.744a.759.759 0 1 0-.76 1.314L3.4 13.035a.759.759 0 1 0 .759-1.314"/></svg>
React
import type { SVGProps } from "react";
export function CarbonIbmCloud(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.58 13.65a9.733 9.733 0 0 0-18.294 3.889A6.75 6.75 0 0 0 7 31h16a8.747 8.747 0 0 0 1.58-17.35M23 29.5H7a5.237 5.237 0 0 1-.7-10.43a9.7 9.7 0 0 0 1.104 3.785a.75.75 0 1 0 1.322-.71a8.25 8.25 0 0 1 14.026-8.632a8.75 8.75 0 0 0-6.315 2.95a.75.75 0 1 0 1.124.992A7.25 7.25 0 1 1 23 29.5m8.898-19.245a.76.76 0 0 0-1.036-.278l-3.02 1.744a.759.759 0 1 0 .758 1.314l3.02-1.744a.76.76 0 0 0 .278-1.036M22.676 7.87a.76.76 0 0 0 1.037-.278l1.744-3.02a.759.759 0 0 0-1.314-.758l-1.744 3.02a.76.76 0 0 0 .277 1.036M16 6.081a.76.76 0 0 0 .759-.759V1.835a.759.759 0 1 0-1.518 0v3.487a.76.76 0 0 0 .759.76m-7.713 1.51a.759.759 0 0 0 1.314-.759l-1.744-3.02a.759.759 0 1 0-1.314.76Zm-4.128 4.129l-3.02-1.744a.759.759 0 1 0-.76 1.314L3.4 13.035a.759.759 0 1 0 .759-1.314"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M24.58 13.65a9.733 9.733 0 0 0-18.294 3.889A6.75 6.75 0 0 0 7 31h16a8.747 8.747 0 0 0 1.58-17.35M23 29.5H7a5.237 5.237 0 0 1-.7-10.43a9.7 9.7 0 0 0 1.104 3.785a.75.75 0 1 0 1.322-.71a8.25 8.25 0 0 1 14.026-8.632a8.75 8.75 0 0 0-6.315 2.95a.75.75 0 1 0 1.124.992A7.25 7.25 0 1 1 23 29.5m8.898-19.245a.76.76 0 0 0-1.036-.278l-3.02 1.744a.759.759 0 1 0 .758 1.314l3.02-1.744a.76.76 0 0 0 .278-1.036M22.676 7.87a.76.76 0 0 0 1.037-.278l1.744-3.02a.759.759 0 0 0-1.314-.758l-1.744 3.02a.76.76 0 0 0 .277 1.036M16 6.081a.76.76 0 0 0 .759-.759V1.835a.759.759 0 1 0-1.518 0v3.487a.76.76 0 0 0 .759.76m-7.713 1.51a.759.759 0 0 0 1.314-.759l-1.744-3.02a.759.759 0 1 0-1.314.76Zm-4.128 4.129l-3.02-1.744a.759.759 0 1 0-.76 1.314L3.4 13.035a.759.759 0 1 0 .759-1.314"/></svg> </template>
CSS
.icon-ibm-cloud {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.58%2013.65a9.733%209.733%200%200%200-18.294%203.889A6.75%206.75%200%200%200%207%2031h16a8.747%208.747%200%200%200%201.58-17.35M23%2029.5H7a5.237%205.237%200%200%201-.7-10.43a9.7%209.7%200%200%200%201.104%203.785a.75.75%200%201%200%201.322-.71a8.25%208.25%200%200%201%2014.026-8.632a8.75%208.75%200%200%200-6.315%202.95a.75.75%200%201%200%201.124.992A7.25%207.25%200%201%201%2023%2029.5m8.898-19.245a.76.76%200%200%200-1.036-.278l-3.02%201.744a.759.759%200%201%200%20.758%201.314l3.02-1.744a.76.76%200%200%200%20.278-1.036M22.676%207.87a.76.76%200%200%200%201.037-.278l1.744-3.02a.759.759%200%200%200-1.314-.758l-1.744%203.02a.76.76%200%200%200%20.277%201.036M16%206.081a.76.76%200%200%200%20.759-.759V1.835a.759.759%200%201%200-1.518%200v3.487a.76.76%200%200%200%20.759.76m-7.713%201.51a.759.759%200%200%200%201.314-.759l-1.744-3.02a.759.759%200%201%200-1.314.76Zm-4.128%204.129l-3.02-1.744a.759.759%200%201%200-.76%201.314L3.4%2013.035a.759.759%200%201%200%20.759-1.314%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.58%2013.65a9.733%209.733%200%200%200-18.294%203.889A6.75%206.75%200%200%200%207%2031h16a8.747%208.747%200%200%200%201.58-17.35M23%2029.5H7a5.237%205.237%200%200%201-.7-10.43a9.7%209.7%200%200%200%201.104%203.785a.75.75%200%201%200%201.322-.71a8.25%208.25%200%200%201%2014.026-8.632a8.75%208.75%200%200%200-6.315%202.95a.75.75%200%201%200%201.124.992A7.25%207.25%200%201%201%2023%2029.5m8.898-19.245a.76.76%200%200%200-1.036-.278l-3.02%201.744a.759.759%200%201%200%20.758%201.314l3.02-1.744a.76.76%200%200%200%20.278-1.036M22.676%207.87a.76.76%200%200%200%201.037-.278l1.744-3.02a.759.759%200%200%200-1.314-.758l-1.744%203.02a.76.76%200%200%200%20.277%201.036M16%206.081a.76.76%200%200%200%20.759-.759V1.835a.759.759%200%201%200-1.518%200v3.487a.76.76%200%200%200%20.759.76m-7.713%201.51a.759.759%200%200%200%201.314-.759l-1.744-3.02a.759.759%200%201%200-1.314.76Zm-4.128%204.129l-3.02-1.744a.759.759%200%201%200-.76%201.314L3.4%2013.035a.759.759%200%201%200%20.759-1.314%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/ibm-cloud.svg?color=%231a73e8&size=48
