ibm granite icon
ibm-granite from Carbon by IBM · Outline · Enterprise · Apache-2.0 Free for personal and commercial use.
- Name
- ibm-granite
- Set
- Carbon
- Style
- Outline
- Category
- Enterprise
- Viewbox
- 32×32
- License
- Apache 2.0
More enterprise icons from Carbon
accountaiai-agentai-agent-detachedai-business-impact-assessmentai-enabled-edtai-enabled-pdlcai-generateai-governance-lifecycleai-governance-trackedai-governance-untrackedai-labelai-launchai-observabilityai-recommendappleapple-dashautoscalingbank-vaultbasketballbatbee-batbinding-connectorblock-storage
Use the ibm granite icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.504 8.136l-12-7a1 1 0 0 0-1.008 0l-12 7A1 1 0 0 0 3 9v14a1 1 0 0 0 .496.864l12 7a1 1 0 0 0 1.008 0l12-7A1 1 0 0 0 29 23V9a1 1 0 0 0-.496-.864M16 3.158L26.016 9l-2.378 1.387L18 7.134a1 1 0 0 0-1 0l-6.5 3.75a1 1 0 0 0-.423.503L5.984 9zm-4 11.666l3 1.75v3.83l-3-1.731zm4 .018l-4-2.333v-.181l5.5-3.174l4.148 2.394zm1 1.732l6-3.5v5.599l-5.5 3.173l-.5-.289zM5 10.741l5 2.917v5.592a1 1 0 0 0 .5.866l4.5 2.596v5.547L5 22.426zm12 17.518v-4.393a1 1 0 0 0 1 0l6.5-3.75a1 1 0 0 0 .5-.866v-7.342l2-1.167v11.685z"/></svg>
React
import type { SVGProps } from "react";
export function CarbonIbmGranite(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="m28.504 8.136l-12-7a1 1 0 0 0-1.008 0l-12 7A1 1 0 0 0 3 9v14a1 1 0 0 0 .496.864l12 7a1 1 0 0 0 1.008 0l12-7A1 1 0 0 0 29 23V9a1 1 0 0 0-.496-.864M16 3.158L26.016 9l-2.378 1.387L18 7.134a1 1 0 0 0-1 0l-6.5 3.75a1 1 0 0 0-.423.503L5.984 9zm-4 11.666l3 1.75v3.83l-3-1.731zm4 .018l-4-2.333v-.181l5.5-3.174l4.148 2.394zm1 1.732l6-3.5v5.599l-5.5 3.173l-.5-.289zM5 10.741l5 2.917v5.592a1 1 0 0 0 .5.866l4.5 2.596v5.547L5 22.426zm12 17.518v-4.393a1 1 0 0 0 1 0l6.5-3.75a1 1 0 0 0 .5-.866v-7.342l2-1.167v11.685z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.504 8.136l-12-7a1 1 0 0 0-1.008 0l-12 7A1 1 0 0 0 3 9v14a1 1 0 0 0 .496.864l12 7a1 1 0 0 0 1.008 0l12-7A1 1 0 0 0 29 23V9a1 1 0 0 0-.496-.864M16 3.158L26.016 9l-2.378 1.387L18 7.134a1 1 0 0 0-1 0l-6.5 3.75a1 1 0 0 0-.423.503L5.984 9zm-4 11.666l3 1.75v3.83l-3-1.731zm4 .018l-4-2.333v-.181l5.5-3.174l4.148 2.394zm1 1.732l6-3.5v5.599l-5.5 3.173l-.5-.289zM5 10.741l5 2.917v5.592a1 1 0 0 0 .5.866l4.5 2.596v5.547L5 22.426zm12 17.518v-4.393a1 1 0 0 0 1 0l6.5-3.75a1 1 0 0 0 .5-.866v-7.342l2-1.167v11.685z"/></svg> </template>
CSS
.icon-ibm-granite {
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%22m28.504%208.136l-12-7a1%201%200%200%200-1.008%200l-12%207A1%201%200%200%200%203%209v14a1%201%200%200%200%20.496.864l12%207a1%201%200%200%200%201.008%200l12-7A1%201%200%200%200%2029%2023V9a1%201%200%200%200-.496-.864M16%203.158L26.016%209l-2.378%201.387L18%207.134a1%201%200%200%200-1%200l-6.5%203.75a1%201%200%200%200-.423.503L5.984%209zm-4%2011.666l3%201.75v3.83l-3-1.731zm4%20.018l-4-2.333v-.181l5.5-3.174l4.148%202.394zm1%201.732l6-3.5v5.599l-5.5%203.173l-.5-.289zM5%2010.741l5%202.917v5.592a1%201%200%200%200%20.5.866l4.5%202.596v5.547L5%2022.426zm12%2017.518v-4.393a1%201%200%200%200%201%200l6.5-3.75a1%201%200%200%200%20.5-.866v-7.342l2-1.167v11.685z%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%22m28.504%208.136l-12-7a1%201%200%200%200-1.008%200l-12%207A1%201%200%200%200%203%209v14a1%201%200%200%200%20.496.864l12%207a1%201%200%200%200%201.008%200l12-7A1%201%200%200%200%2029%2023V9a1%201%200%200%200-.496-.864M16%203.158L26.016%209l-2.378%201.387L18%207.134a1%201%200%200%200-1%200l-6.5%203.75a1%201%200%200%200-.423.503L5.984%209zm-4%2011.666l3%201.75v3.83l-3-1.731zm4%20.018l-4-2.333v-.181l5.5-3.174l4.148%202.394zm1%201.732l6-3.5v5.599l-5.5%203.173l-.5-.289zM5%2010.741l5%202.917v5.592a1%201%200%200%200%20.5.866l4.5%202.596v5.547L5%2022.426zm12%2017.518v-4.393a1%201%200%200%200%201%200l6.5-3.75a1%201%200%200%200%20.5-.866v-7.342l2-1.167v11.685z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/ibm-granite.svg?color=%231a73e8&size=48
