Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Devicons · DiDigitalOcean

Digital Ocean icon

A free digital ocean icon from Devicons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: MIT license
Project: vorillaz.github.io

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/devicons/digital-ocean.json

components/icons/devicons-digital-ocean.tsx

import * as React from "react";

/**
 * Digital Ocean from Devicons (https://vorillaz.github.io/devicons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/devicons/digital-ocean. Sized in em, colored by currentColor.
 */
export function DiDigitalOceanIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      viewBox="0 0 34 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M5.151 22.755c3.697-1.217 9.204-0.874 12.964 0.624-2.714-1.482-8.159-3.713-12.964-0.624z"
      />
      <path
        d="M6.321 20.477c0.281-0.187 0.561-0.359 0.827-0.499-0.125-0.078-0.25-0.172-0.359-0.281-0.203-0.203-0.359-0.421-0.468-0.64v-0.015c-0.499-0.983-0.328-2.091-0.328-2.091s-0.858 1.966 0.328 3.136v0.016l0.031 0.016c0.047 0.047 0.109 0.094 0.156 0.14-0.062-0.031-0.125-0.063-0.187-0.094-0.796-0.468-1.326-1.311-1.326-2.278 0-0.983 0.53-1.825 1.326-2.278 0.359-0.203 0.78-0.328 1.232-0.343-0.062-0.328-0.094-0.671-0.094-1.030 0-0.218 0.016-0.421 0.031-0.624-0.406 0.016-0.796 0.094-1.17 0.218-1.622 0.546-2.777 2.059-2.777 3.853 0 1.435 0.749 2.699 1.888 3.432 0.265-0.187 0.577-0.421 0.889-0.639z"
      />
      <path
        d="M9.363 15.766c0-0.031-0.016-0.047-0.016-0.078 0.016 0.047 0.031 0.078 0.031 0.078s-0.265-2.262 1.357-3.401c1.607-1.139 3.994-0.437 3.994-0.437s-2.512-1.482-4.399-0.14c-0.031 0.031-0.078 0.062-0.125 0.094 0.796-0.952 1.997-1.56 3.354-1.56 1.373 0 2.605 0.624 3.401 1.607h1.794c-0.889-1.95-2.871-3.307-5.179-3.307-3.12 0-5.663 2.512-5.678 5.616 0 0.343 0.031 0.687 0.094 1.014 0.515 0.047 0.983 0.234 1.373 0.515z"
      />
      <path
        d="M26.056 22.209c-3.9 0.967-7.098-1.186-12.153-2.761-3.323-1.030-6.084 0.405-7.582 1.513-0.78 0.577-1.217 1.061-1.217 1.061 0 0.016 0.452-0.25 1.217-0.577 1.591-0.671 4.54-1.544 7.566-0.437 4.508 1.685 8.050 2.418 11.888 1.763 3.056-0.522 4.114-2.537 4.418-3.337-0.269 0.638-1.182 2.042-4.137 2.775z"
      />
      <path d="M30.193 19.434c0.086-0.204 0.106-0.329 0.106-0.329s-0.028 0.125-0.106 0.329z" />
      <path
        d="M23.638 21.85c2.184-0.094 3.011-1.623 3.011-1.623s-0.686 0.796-2.948 0.999c-2.278 0.203-4.68-1.030-4.68-1.030-0 0.047 2.434 1.732 4.618 1.654z"
      />
      <path d="M17.164 12.396h2.028v2.028h-2.028v-2.028z" />
      <path d="M25.213 18.012h1.56v1.56h-1.56v-1.56z" />
      <path d="M19.613 10.54h2.699v2.699h-2.699v-2.699z" />
      <path d="M27.444 15.22h2.699v2.699h-2.699v-2.699z" />
      <path d="M22.577 13.457h1.498v1.498h-1.498v-1.498z" />
      <path d="M23.576 16.421h1.498v1.498h-1.498v-1.498z" />
      <path d="M20.408 16.562h1.513v1.498h-1.513v-1.498z" />
      <path d="M25.681 13.504h1.498v1.498h-1.498v-1.498z" />
    </svg>
  );
}

With react-icons

import { DiDigitalOcean } from "react-icons/di";

export function Example() {
  return <DiDigitalOcean className="size-5" />;
}

digital-ocean.svg

<svg
  version="1.1"
  viewBox="0 0 34 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M5.151 22.755c3.697-1.217 9.204-0.874 12.964 0.624-2.714-1.482-8.159-3.713-12.964-0.624z"
  />
  <path
    d="M6.321 20.477c0.281-0.187 0.561-0.359 0.827-0.499-0.125-0.078-0.25-0.172-0.359-0.281-0.203-0.203-0.359-0.421-0.468-0.64v-0.015c-0.499-0.983-0.328-2.091-0.328-2.091s-0.858 1.966 0.328 3.136v0.016l0.031 0.016c0.047 0.047 0.109 0.094 0.156 0.14-0.062-0.031-0.125-0.063-0.187-0.094-0.796-0.468-1.326-1.311-1.326-2.278 0-0.983 0.53-1.825 1.326-2.278 0.359-0.203 0.78-0.328 1.232-0.343-0.062-0.328-0.094-0.671-0.094-1.030 0-0.218 0.016-0.421 0.031-0.624-0.406 0.016-0.796 0.094-1.17 0.218-1.622 0.546-2.777 2.059-2.777 3.853 0 1.435 0.749 2.699 1.888 3.432 0.265-0.187 0.577-0.421 0.889-0.639z"
  />
  <path
    d="M9.363 15.766c0-0.031-0.016-0.047-0.016-0.078 0.016 0.047 0.031 0.078 0.031 0.078s-0.265-2.262 1.357-3.401c1.607-1.139 3.994-0.437 3.994-0.437s-2.512-1.482-4.399-0.14c-0.031 0.031-0.078 0.062-0.125 0.094 0.796-0.952 1.997-1.56 3.354-1.56 1.373 0 2.605 0.624 3.401 1.607h1.794c-0.889-1.95-2.871-3.307-5.179-3.307-3.12 0-5.663 2.512-5.678 5.616 0 0.343 0.031 0.687 0.094 1.014 0.515 0.047 0.983 0.234 1.373 0.515z"
  />
  <path
    d="M26.056 22.209c-3.9 0.967-7.098-1.186-12.153-2.761-3.323-1.030-6.084 0.405-7.582 1.513-0.78 0.577-1.217 1.061-1.217 1.061 0 0.016 0.452-0.25 1.217-0.577 1.591-0.671 4.54-1.544 7.566-0.437 4.508 1.685 8.050 2.418 11.888 1.763 3.056-0.522 4.114-2.537 4.418-3.337-0.269 0.638-1.182 2.042-4.137 2.775z"
  />
  <path d="M30.193 19.434c0.086-0.204 0.106-0.329 0.106-0.329s-0.028 0.125-0.106 0.329z" />
  <path
    d="M23.638 21.85c2.184-0.094 3.011-1.623 3.011-1.623s-0.686 0.796-2.948 0.999c-2.278 0.203-4.68-1.030-4.68-1.030-0 0.047 2.434 1.732 4.618 1.654z"
  />
  <path d="M17.164 12.396h2.028v2.028h-2.028v-2.028z" />
  <path d="M25.213 18.012h1.56v1.56h-1.56v-1.56z" />
  <path d="M19.613 10.54h2.699v2.699h-2.699v-2.699z" />
  <path d="M27.444 15.22h2.699v2.699h-2.699v-2.699z" />
  <path d="M22.577 13.457h1.498v1.498h-1.498v-1.498z" />
  <path d="M23.576 16.421h1.498v1.498h-1.498v-1.498z" />
  <path d="M20.408 16.562h1.513v1.498h-1.513v-1.498z" />
  <path d="M25.681 13.504h1.498v1.498h-1.498v-1.498z" />
</svg>

Attribution

"Digital Ocean" icon from Devicons (https://vorillaz.github.io/devicons/), licensed under MIT license.

Digital Ocean icon in other sets

Similar Devicons icons