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

Devicons · DiChrome

Chrome icon

A free chrome 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/chrome.json

components/icons/devicons-chrome.tsx

import * as React from "react";

/**
 * Chrome from Devicons (https://vorillaz.github.io/devicons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/devicons/chrome. Sized in em, colored by currentColor.
 */
export function DiChromeIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M20.206 16.286c0 2.323-1.883 4.206-4.206 4.206s-4.206-1.883-4.206-4.206c0-2.323 1.883-4.206 4.206-4.206s4.206 1.883 4.206 4.206zM15.975 11.274v-0h10.164c-1.848-3.731-5.694-6.296-10.139-6.296-3.599 0-6.804 1.681-8.876 4.301l3.878 6.631c0.192-2.584 2.343-4.622 4.973-4.635zM16 21.297c-2.169 0-4.016-1.378-4.714-3.306l-4.68-8.004c-1.209 1.8-1.915 3.966-1.915 6.297 0 5.692 4.206 10.401 9.679 11.191l3.901-6.723c-0.682 0.348-1.454 0.544-2.272 0.544zM26.5 12.080h-7.773c1.376 0.893 2.285 2.443 2.285 4.206 0 0.867-0.22 1.682-0.607 2.393l0.003 0.002-5.158 8.888c0.248 0.016 0.498 0.025 0.751 0.025 6.245 0 11.308-5.063 11.308-11.308 0-1.486-0.287-2.906-0.809-4.206z"
      />
    </svg>
  );
}

With react-icons

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

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

chrome.svg

<svg
  version="1.1"
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M20.206 16.286c0 2.323-1.883 4.206-4.206 4.206s-4.206-1.883-4.206-4.206c0-2.323 1.883-4.206 4.206-4.206s4.206 1.883 4.206 4.206zM15.975 11.274v-0h10.164c-1.848-3.731-5.694-6.296-10.139-6.296-3.599 0-6.804 1.681-8.876 4.301l3.878 6.631c0.192-2.584 2.343-4.622 4.973-4.635zM16 21.297c-2.169 0-4.016-1.378-4.714-3.306l-4.68-8.004c-1.209 1.8-1.915 3.966-1.915 6.297 0 5.692 4.206 10.401 9.679 11.191l3.901-6.723c-0.682 0.348-1.454 0.544-2.272 0.544zM26.5 12.080h-7.773c1.376 0.893 2.285 2.443 2.285 4.206 0 0.867-0.22 1.682-0.607 2.393l0.003 0.002-5.158 8.888c0.248 0.016 0.498 0.025 0.751 0.025 6.245 0 11.308-5.063 11.308-11.308 0-1.486-0.287-2.906-0.809-4.206z"
  />
</svg>

Attribution

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

Chrome icon in other sets

Similar Devicons icons