web dev icon logo
web-dev-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- web-dev-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×218
- License
- CC0
Related icons in SVG Logos
Use the web dev icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 218"><path fill="#00c9db" d="M226.859 160.16h-86.308c-.97 0-2.91 0-3.88.969l-64.973 51.397q-1.455 1.455 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"/><path fill="#0d55ff" 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.849s-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.305z"/><path fill="#7000f2" d="M255.952 188.282c0 15.516-12.607 28.123-28.123 28.123s-28.123-12.607-28.123-28.123s12.607-28.123 28.123-28.123s28.123 12.607 28.123 28.123"/></svg>
React
import type { SVGProps } from "react";
export function LogosWebDevIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 218"><path fill="#00c9db" d="M226.859 160.16h-86.308c-.97 0-2.91 0-3.88.969l-64.973 51.397q-1.455 1.455 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"/><path fill="#0d55ff" 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.849s-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.305z"/><path fill="#7000f2" d="M255.952 188.282c0 15.516-12.607 28.123-28.123 28.123s-28.123-12.607-28.123-28.123s12.607-28.123 28.123-28.123s28.123 12.607 28.123 28.123"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 218"><path fill="#00c9db" d="M226.859 160.16h-86.308c-.97 0-2.91 0-3.88.969l-64.973 51.397q-1.455 1.455 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"/><path fill="#0d55ff" 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.849s-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.305z"/><path fill="#7000f2" d="M255.952 188.282c0 15.516-12.607 28.123-28.123 28.123s-28.123-12.607-28.123-28.123s12.607-28.123 28.123-28.123s28.123 12.607 28.123 28.123"/></svg> </template>
CSS
.icon-web-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%20fill%3D%22%2300c9db%22%20d%3D%22M226.859%20160.16h-86.308c-.97%200-2.91%200-3.88.969l-64.973%2051.397q-1.455%201.455%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%2F%3E%3Cpath%20fill%3D%22%230d55ff%22%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.849s-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.305z%22%2F%3E%3Cpath%20fill%3D%22%237000f2%22%20d%3D%22M255.952%20188.282c0%2015.516-12.607%2028.123-28.123%2028.123s-28.123-12.607-28.123-28.123s12.607-28.123%2028.123-28.123s28.123%2012.607%2028.123%2028.123%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%20fill%3D%22%2300c9db%22%20d%3D%22M226.859%20160.16h-86.308c-.97%200-2.91%200-3.88.969l-64.973%2051.397q-1.455%201.455%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%2F%3E%3Cpath%20fill%3D%22%230d55ff%22%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.849s-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.305z%22%2F%3E%3Cpath%20fill%3D%22%237000f2%22%20d%3D%22M255.952%20188.282c0%2015.516-12.607%2028.123-28.123%2028.123s-28.123-12.607-28.123-28.123s12.607-28.123%2028.123-28.123s28.123%2012.607%2028.123%2028.123%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/web-dev-icon.svg?color=%231a73e8&size=48
