digital ocean icon logo
digital-ocean-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- digital-ocean-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Related icons in SVG Logos
Use the digital ocean icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0080ff" d="M128 206.55v49.448c83.813 0 149.07-80.968 121.653-168.793c-11.981-38.38-42.478-68.877-80.858-80.858C80.97-21.069 0 44.19 0 128.001h49.561c.008 0 .013-.014.013-.014c.008-52.597 52.061-93.262 107.36-73.196c20.487 7.435 36.829 23.773 44.268 44.259c20.069 55.266-20.535 107.3-73.088 107.374v-49.288l-.009-.003H78.697c-.005 0-.01.007-.01.007v49.41zm-49.32 37.977H40.715l-.01-.009V206.55h37.982v37.968s-.005.009-.009.009M40.732 206.55H8.908c-.013 0-.023-.008-.023-.008v-31.81s.01-.024.023-.024H40.71c.013 0 .023.01.023.01z"/></svg>
React
import type { SVGProps } from "react";
export function LogosDigitalOceanIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0080ff" d="M128 206.55v49.448c83.813 0 149.07-80.968 121.653-168.793c-11.981-38.38-42.478-68.877-80.858-80.858C80.97-21.069 0 44.19 0 128.001h49.561c.008 0 .013-.014.013-.014c.008-52.597 52.061-93.262 107.36-73.196c20.487 7.435 36.829 23.773 44.268 44.259c20.069 55.266-20.535 107.3-73.088 107.374v-49.288l-.009-.003H78.697c-.005 0-.01.007-.01.007v49.41zm-49.32 37.977H40.715l-.01-.009V206.55h37.982v37.968s-.005.009-.009.009M40.732 206.55H8.908c-.013 0-.023-.008-.023-.008v-31.81s.01-.024.023-.024H40.71c.013 0 .023.01.023.01z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#0080ff" d="M128 206.55v49.448c83.813 0 149.07-80.968 121.653-168.793c-11.981-38.38-42.478-68.877-80.858-80.858C80.97-21.069 0 44.19 0 128.001h49.561c.008 0 .013-.014.013-.014c.008-52.597 52.061-93.262 107.36-73.196c20.487 7.435 36.829 23.773 44.268 44.259c20.069 55.266-20.535 107.3-73.088 107.374v-49.288l-.009-.003H78.697c-.005 0-.01.007-.01.007v49.41zm-49.32 37.977H40.715l-.01-.009V206.55h37.982v37.968s-.005.009-.009.009M40.732 206.55H8.908c-.013 0-.023-.008-.023-.008v-31.81s.01-.024.023-.024H40.71c.013 0 .023.01.023.01z"/></svg> </template>
CSS
.icon-digital-ocean-icon {
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%20256%20256%22%3E%3Cpath%20fill%3D%22%230080ff%22%20d%3D%22M128%20206.55v49.448c83.813%200%20149.07-80.968%20121.653-168.793c-11.981-38.38-42.478-68.877-80.858-80.858C80.97-21.069%200%2044.19%200%20128.001h49.561c.008%200%20.013-.014.013-.014c.008-52.597%2052.061-93.262%20107.36-73.196c20.487%207.435%2036.829%2023.773%2044.268%2044.259c20.069%2055.266-20.535%20107.3-73.088%20107.374v-49.288l-.009-.003H78.697c-.005%200-.01.007-.01.007v49.41zm-49.32%2037.977H40.715l-.01-.009V206.55h37.982v37.968s-.005.009-.009.009M40.732%20206.55H8.908c-.013%200-.023-.008-.023-.008v-31.81s.01-.024.023-.024H40.71c.013%200%20.023.01.023.01z%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%20256%20256%22%3E%3Cpath%20fill%3D%22%230080ff%22%20d%3D%22M128%20206.55v49.448c83.813%200%20149.07-80.968%20121.653-168.793c-11.981-38.38-42.478-68.877-80.858-80.858C80.97-21.069%200%2044.19%200%20128.001h49.561c.008%200%20.013-.014.013-.014c.008-52.597%2052.061-93.262%20107.36-73.196c20.487%207.435%2036.829%2023.773%2044.268%2044.259c20.069%2055.266-20.535%20107.3-73.088%20107.374v-49.288l-.009-.003H78.697c-.005%200-.01.007-.01.007v49.41zm-49.32%2037.977H40.715l-.01-.009V206.55h37.982v37.968s-.005.009-.009.009M40.732%20206.55H8.908c-.013%200-.023-.008-.023-.008v-31.81s.01-.024.023-.024H40.71c.013%200%20.023.01.023.01z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/digital-ocean-icon.svg?color=%231a73e8&size=48
