dev icon logo

dev-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
dev-icon
Set
SVG Logos
Style
Color
Viewbox
256×218
License
CC0

Use the dev icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 218"><path d="M226.859 160.16h-86.308c-.97 0-2.91 0-3.88.969l-64.973 51.397c-.97.97-.97 1.94 0 2.91c0 .97.97.97 1.94.97h154.19c15.517 0 29.093-13.578 28.124-30.063c-.97-15.516-14.547-26.184-29.093-26.184" fill="#00C9DB"/><path d="M156.445 106.018c-.97-7.758-4.849-15.516-10.667-20.365L45.893 6.133c-12.607-9.698-30.062-7.758-39.76 4.849c-9.698 12.607-7.758 30.062 4.849 39.76l72.731 58.185l-72.731 58.185c-12.607 9.698-14.547 27.154-4.849 39.76c9.698 12.607 27.153 14.547 39.76 4.85l99.885-81.46c6.788-5.819 10.667-13.577 10.667-22.305v-1.94" fill="#0D55FF"/><path d="M255.952 188.282c0 15.516-12.607 28.123-28.123 28.123c-15.516 0-28.123-12.607-28.123-28.123c0-15.516 12.607-28.123 28.123-28.123c15.516 0 28.123 12.607 28.123 28.123" fill="#7000F2"/></svg>

React

import type { SVGProps } from "react";

export function LogosDevIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 218"><path d="M226.859 160.16h-86.308c-.97 0-2.91 0-3.88.969l-64.973 51.397c-.97.97-.97 1.94 0 2.91c0 .97.97.97 1.94.97h154.19c15.517 0 29.093-13.578 28.124-30.063c-.97-15.516-14.547-26.184-29.093-26.184" fill="#00C9DB"/><path d="M156.445 106.018c-.97-7.758-4.849-15.516-10.667-20.365L45.893 6.133c-12.607-9.698-30.062-7.758-39.76 4.849c-9.698 12.607-7.758 30.062 4.849 39.76l72.731 58.185l-72.731 58.185c-12.607 9.698-14.547 27.154-4.849 39.76c9.698 12.607 27.153 14.547 39.76 4.85l99.885-81.46c6.788-5.819 10.667-13.577 10.667-22.305v-1.94" fill="#0D55FF"/><path d="M255.952 188.282c0 15.516-12.607 28.123-28.123 28.123c-15.516 0-28.123-12.607-28.123-28.123c0-15.516 12.607-28.123 28.123-28.123c15.516 0 28.123 12.607 28.123 28.123" fill="#7000F2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 218"><path d="M226.859 160.16h-86.308c-.97 0-2.91 0-3.88.969l-64.973 51.397c-.97.97-.97 1.94 0 2.91c0 .97.97.97 1.94.97h154.19c15.517 0 29.093-13.578 28.124-30.063c-.97-15.516-14.547-26.184-29.093-26.184" fill="#00C9DB"/><path d="M156.445 106.018c-.97-7.758-4.849-15.516-10.667-20.365L45.893 6.133c-12.607-9.698-30.062-7.758-39.76 4.849c-9.698 12.607-7.758 30.062 4.849 39.76l72.731 58.185l-72.731 58.185c-12.607 9.698-14.547 27.154-4.849 39.76c9.698 12.607 27.153 14.547 39.76 4.85l99.885-81.46c6.788-5.819 10.667-13.577 10.667-22.305v-1.94" fill="#0D55FF"/><path d="M255.952 188.282c0 15.516-12.607 28.123-28.123 28.123c-15.516 0-28.123-12.607-28.123-28.123c0-15.516 12.607-28.123 28.123-28.123c15.516 0 28.123 12.607 28.123 28.123" fill="#7000F2"/></svg>
</template>

CSS

.icon-dev-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%20218%22%3E%3Cpath%20d%3D%22M226.859%20160.16h-86.308c-.97%200-2.91%200-3.88.969l-64.973%2051.397c-.97.97-.97%201.94%200%202.91c0%20.97.97.97%201.94.97h154.19c15.517%200%2029.093-13.578%2028.124-30.063c-.97-15.516-14.547-26.184-29.093-26.184%22%20fill%3D%22%2300C9DB%22%2F%3E%3Cpath%20d%3D%22M156.445%20106.018c-.97-7.758-4.849-15.516-10.667-20.365L45.893%206.133c-12.607-9.698-30.062-7.758-39.76%204.849c-9.698%2012.607-7.758%2030.062%204.849%2039.76l72.731%2058.185l-72.731%2058.185c-12.607%209.698-14.547%2027.154-4.849%2039.76c9.698%2012.607%2027.153%2014.547%2039.76%204.85l99.885-81.46c6.788-5.819%2010.667-13.577%2010.667-22.305v-1.94%22%20fill%3D%22%230D55FF%22%2F%3E%3Cpath%20d%3D%22M255.952%20188.282c0%2015.516-12.607%2028.123-28.123%2028.123c-15.516%200-28.123-12.607-28.123-28.123c0-15.516%2012.607-28.123%2028.123-28.123c15.516%200%2028.123%2012.607%2028.123%2028.123%22%20fill%3D%22%237000F2%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%20218%22%3E%3Cpath%20d%3D%22M226.859%20160.16h-86.308c-.97%200-2.91%200-3.88.969l-64.973%2051.397c-.97.97-.97%201.94%200%202.91c0%20.97.97.97%201.94.97h154.19c15.517%200%2029.093-13.578%2028.124-30.063c-.97-15.516-14.547-26.184-29.093-26.184%22%20fill%3D%22%2300C9DB%22%2F%3E%3Cpath%20d%3D%22M156.445%20106.018c-.97-7.758-4.849-15.516-10.667-20.365L45.893%206.133c-12.607-9.698-30.062-7.758-39.76%204.849c-9.698%2012.607-7.758%2030.062%204.849%2039.76l72.731%2058.185l-72.731%2058.185c-12.607%209.698-14.547%2027.154-4.849%2039.76c9.698%2012.607%2027.153%2014.547%2039.76%204.85l99.885-81.46c6.788-5.819%2010.667-13.577%2010.667-22.305v-1.94%22%20fill%3D%22%230D55FF%22%2F%3E%3Cpath%20d%3D%22M255.952%20188.282c0%2015.516-12.607%2028.123-28.123%2028.123c-15.516%200-28.123-12.607-28.123-28.123c0-15.516%2012.607-28.123%2028.123-28.123c15.516%200%2028.123%2012.607%2028.123%2028.123%22%20fill%3D%22%237000F2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/dev-icon.svg?color=%231a73e8&size=48