ibm cloud pak data icon

ibm-cloud-pak-data from Carbon by IBM · Outline · Enterprise · Apache-2.0 Free for personal and commercial use.

Name
ibm-cloud-pak-data
Set
Carbon
Style
Outline
Category
Enterprise
Viewbox
32×32
License
Apache 2.0

More enterprise icons from Carbon

Use the ibm cloud pak data icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="23" cy="15" r="1" fill="currentColor"/><circle cx="8" cy="15" r="1" fill="currentColor"/><circle cx="21" cy="10" r="1" fill="currentColor"/><circle cx="15" cy="23" r="1" fill="currentColor"/><path fill="currentColor" d="M21 19a2 2 0 0 0-.512.074l-1.781-1.781l-.026.026A3 3 0 0 0 19 16a3.003 3.003 0 0 0-3-3a3 3 0 0 0-1.319.319l.026-.026l-1.781-1.781a2.035 2.035 0 1 0-1.414 1.414l1.781 1.781l.026-.026A3 3 0 0 0 13 16a3.003 3.003 0 0 0 3 3a3 3 0 0 0 1.319-.319l-.026.026l1.781 1.781A1.996 1.996 0 1 0 21 19m-5-2a1 1 0 1 1 1-1a1 1 0 0 1-1 1"/><path fill="currentColor" d="M16 31a1 1 0 0 1-.504-.136l-12-7A1 1 0 0 1 3 23V9a1 1 0 0 1 .496-.864l12-7a1 1 0 0 1 1.008 0l12 7l-1.008 1.728L16 3.158L5 9.574v12.852l11 6.417l11-6.417V15h2v8a1 1 0 0 1-.496.864l-12 7A1 1 0 0 1 16 31"/></svg>

React

import type { SVGProps } from "react";

export function CarbonIbmCloudPakData(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="23" cy="15" r="1" fill="currentColor"/><circle cx="8" cy="15" r="1" fill="currentColor"/><circle cx="21" cy="10" r="1" fill="currentColor"/><circle cx="15" cy="23" r="1" fill="currentColor"/><path fill="currentColor" d="M21 19a2 2 0 0 0-.512.074l-1.781-1.781l-.026.026A3 3 0 0 0 19 16a3.003 3.003 0 0 0-3-3a3 3 0 0 0-1.319.319l.026-.026l-1.781-1.781a2.035 2.035 0 1 0-1.414 1.414l1.781 1.781l.026-.026A3 3 0 0 0 13 16a3.003 3.003 0 0 0 3 3a3 3 0 0 0 1.319-.319l-.026.026l1.781 1.781A1.996 1.996 0 1 0 21 19m-5-2a1 1 0 1 1 1-1a1 1 0 0 1-1 1"/><path fill="currentColor" d="M16 31a1 1 0 0 1-.504-.136l-12-7A1 1 0 0 1 3 23V9a1 1 0 0 1 .496-.864l12-7a1 1 0 0 1 1.008 0l12 7l-1.008 1.728L16 3.158L5 9.574v12.852l11 6.417l11-6.417V15h2v8a1 1 0 0 1-.496.864l-12 7A1 1 0 0 1 16 31"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="23" cy="15" r="1" fill="currentColor"/><circle cx="8" cy="15" r="1" fill="currentColor"/><circle cx="21" cy="10" r="1" fill="currentColor"/><circle cx="15" cy="23" r="1" fill="currentColor"/><path fill="currentColor" d="M21 19a2 2 0 0 0-.512.074l-1.781-1.781l-.026.026A3 3 0 0 0 19 16a3.003 3.003 0 0 0-3-3a3 3 0 0 0-1.319.319l.026-.026l-1.781-1.781a2.035 2.035 0 1 0-1.414 1.414l1.781 1.781l.026-.026A3 3 0 0 0 13 16a3.003 3.003 0 0 0 3 3a3 3 0 0 0 1.319-.319l-.026.026l1.781 1.781A1.996 1.996 0 1 0 21 19m-5-2a1 1 0 1 1 1-1a1 1 0 0 1-1 1"/><path fill="currentColor" d="M16 31a1 1 0 0 1-.504-.136l-12-7A1 1 0 0 1 3 23V9a1 1 0 0 1 .496-.864l12-7a1 1 0 0 1 1.008 0l12 7l-1.008 1.728L16 3.158L5 9.574v12.852l11 6.417l11-6.417V15h2v8a1 1 0 0 1-.496.864l-12 7A1 1 0 0 1 16 31"/></svg>
</template>

CSS

.icon-ibm-cloud-pak-data {
  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%3Ccircle%20cx%3D%2223%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2210%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2223%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2019a2%202%200%200%200-.512.074l-1.781-1.781l-.026.026A3%203%200%200%200%2019%2016a3.003%203.003%200%200%200-3-3a3%203%200%200%200-1.319.319l.026-.026l-1.781-1.781a2.035%202.035%200%201%200-1.414%201.414l1.781%201.781l.026-.026A3%203%200%200%200%2013%2016a3.003%203.003%200%200%200%203%203a3%203%200%200%200%201.319-.319l-.026.026l1.781%201.781A1.996%201.996%200%201%200%2021%2019m-5-2a1%201%200%201%201%201-1a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2031a1%201%200%200%201-.504-.136l-12-7A1%201%200%200%201%203%2023V9a1%201%200%200%201%20.496-.864l12-7a1%201%200%200%201%201.008%200l12%207l-1.008%201.728L16%203.158L5%209.574v12.852l11%206.417l11-6.417V15h2v8a1%201%200%200%201-.496.864l-12%207A1%201%200%200%201%2016%2031%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%3Ccircle%20cx%3D%2223%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2210%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2223%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2019a2%202%200%200%200-.512.074l-1.781-1.781l-.026.026A3%203%200%200%200%2019%2016a3.003%203.003%200%200%200-3-3a3%203%200%200%200-1.319.319l.026-.026l-1.781-1.781a2.035%202.035%200%201%200-1.414%201.414l1.781%201.781l.026-.026A3%203%200%200%200%2013%2016a3.003%203.003%200%200%200%203%203a3%203%200%200%200%201.319-.319l-.026.026l1.781%201.781A1.996%201.996%200%201%200%2021%2019m-5-2a1%201%200%201%201%201-1a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%2031a1%201%200%200%201-.504-.136l-12-7A1%201%200%200%201%203%2023V9a1%201%200%200%201%20.496-.864l12-7a1%201%200%200%201%201.008%200l12%207l-1.008%201.728L16%203.158L5%209.574v12.852l11%206.417l11-6.417V15h2v8a1%201%200%200%201-.496.864l-12%207A1%201%200%200%201%2016%2031%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/ibm-cloud-pak-data.svg?color=%231a73e8&size=48