web dev logo
web-dev from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- web-dev
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×96
- License
- CC0
Related icons in SVG Logos
Use the web dev logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 96"><path fill="#00c9db" d="M96.753 68.306h-36.81c-.413 0-1.24 0-1.654.414l-27.71 21.92q-.621.62 0 1.24c0 .414.413.414.827.414h65.76c6.618 0 12.408-5.79 11.994-12.821c-.413-6.618-6.204-11.167-12.407-11.167"/><path fill="#0d55ff" d="M66.722 45.215c-.414-3.308-2.068-6.617-4.55-8.685l-42.6-33.914C14.197-1.52 6.753-.694 2.617 4.684C-1.52 10.06-.694 17.504 4.684 21.64l31.019 24.815L4.683 71.27C-.692 75.407-1.52 82.851 2.617 88.23c4.136 5.376 11.58 6.203 16.957 2.067l42.6-34.741c2.895-2.482 4.549-5.79 4.549-9.513z"/><path fill="#7000f2" d="M109.16 80.3c0 6.617-5.376 11.994-11.994 11.994S85.172 86.917 85.172 80.3s5.377-11.994 11.994-11.994c6.618 0 11.994 5.377 11.994 11.994"/><path fill="#5f6368" d="M492.143 79.886h-9.099L463.192 30.67h9.926l14.476 38.05l14.476-38.05h9.926zM422.66 49.694h28.125c-.414-6.617-5.79-11.994-14.062-11.994c-7.032 0-12.408 4.55-14.063 11.994m14.89 31.847c-14.476 0-24.816-11.167-24.816-26.056s10.34-26.056 24.402-26.056c14.476 0 23.988 9.926 23.988 26.883v.827H422.66c.414 9.513 7.445 16.13 15.717 16.13c5.79 0 10.753-2.895 13.648-8.685l8.272 4.136c-4.55 7.858-12.821 12.82-22.747 12.82m-57.903 0c-12.821 0-23.574-11.58-23.574-26.056s10.753-26.056 23.574-26.056c7.031 0 13.649 3.308 16.957 8.271h.414l-.414-6.617V8.336h9.1v71.55h-8.686V73.27h-.414c-3.722 4.963-9.926 8.272-16.957 8.272m1.241-8.272c9.099 0 15.716-7.031 15.716-17.784c0-10.34-6.617-17.785-15.716-17.785c-8.685 0-15.716 7.445-15.716 17.785s7.03 17.784 15.716 17.784m-28.124.414c0 3.722-2.895 6.617-7.031 6.617c-3.722 0-7.031-3.309-7.031-6.617c0-3.723 3.309-6.618 7.031-6.618c4.136 0 7.031 2.895 7.031 6.618m-43.427-.414c8.686 0 15.717-7.445 15.717-17.784c0-10.34-7.031-17.785-15.717-17.785c-9.099 0-15.716 7.445-15.716 17.785s6.617 17.784 15.716 17.784m1.655 8.272c-7.031 0-13.649-3.309-16.958-8.272h-.413v6.617h-8.686V8.336h9.1v22.747l-.414 6.617h.413c3.31-4.963 9.513-8.271 16.958-8.271c12.82 0 23.574 11.58 23.574 26.056c-.413 14.475-10.753 26.056-23.574 26.056m-71.965-31.847h28.124c-.413-6.617-5.79-11.994-14.062-11.994c-7.03 0-12.408 4.55-14.062 11.994m14.89 31.847c-14.476 0-24.816-11.167-24.816-26.056s10.34-26.056 24.402-26.056c14.475 0 23.988 9.926 23.988 26.883v.827h-38.464c.414 9.513 7.445 16.13 15.716 16.13q8.685 0 13.649-8.685l8.272 4.136c-4.55 7.858-12.822 12.82-22.748 12.82M227.86 31.083L212.144 80.3h-9.513l-12.407-37.637L178.23 80.3h-9.513l-16.13-49.217h9.513l10.753 37.223l11.994-37.223h9.513l11.994 37.223l10.753-37.223z"/></svg>
React
import type { SVGProps } from "react";
export function LogosWebDev(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 96"><path fill="#00c9db" d="M96.753 68.306h-36.81c-.413 0-1.24 0-1.654.414l-27.71 21.92q-.621.62 0 1.24c0 .414.413.414.827.414h65.76c6.618 0 12.408-5.79 11.994-12.821c-.413-6.618-6.204-11.167-12.407-11.167"/><path fill="#0d55ff" d="M66.722 45.215c-.414-3.308-2.068-6.617-4.55-8.685l-42.6-33.914C14.197-1.52 6.753-.694 2.617 4.684C-1.52 10.06-.694 17.504 4.684 21.64l31.019 24.815L4.683 71.27C-.692 75.407-1.52 82.851 2.617 88.23c4.136 5.376 11.58 6.203 16.957 2.067l42.6-34.741c2.895-2.482 4.549-5.79 4.549-9.513z"/><path fill="#7000f2" d="M109.16 80.3c0 6.617-5.376 11.994-11.994 11.994S85.172 86.917 85.172 80.3s5.377-11.994 11.994-11.994c6.618 0 11.994 5.377 11.994 11.994"/><path fill="#5f6368" d="M492.143 79.886h-9.099L463.192 30.67h9.926l14.476 38.05l14.476-38.05h9.926zM422.66 49.694h28.125c-.414-6.617-5.79-11.994-14.062-11.994c-7.032 0-12.408 4.55-14.063 11.994m14.89 31.847c-14.476 0-24.816-11.167-24.816-26.056s10.34-26.056 24.402-26.056c14.476 0 23.988 9.926 23.988 26.883v.827H422.66c.414 9.513 7.445 16.13 15.717 16.13c5.79 0 10.753-2.895 13.648-8.685l8.272 4.136c-4.55 7.858-12.821 12.82-22.747 12.82m-57.903 0c-12.821 0-23.574-11.58-23.574-26.056s10.753-26.056 23.574-26.056c7.031 0 13.649 3.308 16.957 8.271h.414l-.414-6.617V8.336h9.1v71.55h-8.686V73.27h-.414c-3.722 4.963-9.926 8.272-16.957 8.272m1.241-8.272c9.099 0 15.716-7.031 15.716-17.784c0-10.34-6.617-17.785-15.716-17.785c-8.685 0-15.716 7.445-15.716 17.785s7.03 17.784 15.716 17.784m-28.124.414c0 3.722-2.895 6.617-7.031 6.617c-3.722 0-7.031-3.309-7.031-6.617c0-3.723 3.309-6.618 7.031-6.618c4.136 0 7.031 2.895 7.031 6.618m-43.427-.414c8.686 0 15.717-7.445 15.717-17.784c0-10.34-7.031-17.785-15.717-17.785c-9.099 0-15.716 7.445-15.716 17.785s6.617 17.784 15.716 17.784m1.655 8.272c-7.031 0-13.649-3.309-16.958-8.272h-.413v6.617h-8.686V8.336h9.1v22.747l-.414 6.617h.413c3.31-4.963 9.513-8.271 16.958-8.271c12.82 0 23.574 11.58 23.574 26.056c-.413 14.475-10.753 26.056-23.574 26.056m-71.965-31.847h28.124c-.413-6.617-5.79-11.994-14.062-11.994c-7.03 0-12.408 4.55-14.062 11.994m14.89 31.847c-14.476 0-24.816-11.167-24.816-26.056s10.34-26.056 24.402-26.056c14.475 0 23.988 9.926 23.988 26.883v.827h-38.464c.414 9.513 7.445 16.13 15.716 16.13q8.685 0 13.649-8.685l8.272 4.136c-4.55 7.858-12.822 12.82-22.748 12.82M227.86 31.083L212.144 80.3h-9.513l-12.407-37.637L178.23 80.3h-9.513l-16.13-49.217h9.513l10.753 37.223l11.994-37.223h9.513l11.994 37.223l10.753-37.223z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 96"><path fill="#00c9db" d="M96.753 68.306h-36.81c-.413 0-1.24 0-1.654.414l-27.71 21.92q-.621.62 0 1.24c0 .414.413.414.827.414h65.76c6.618 0 12.408-5.79 11.994-12.821c-.413-6.618-6.204-11.167-12.407-11.167"/><path fill="#0d55ff" d="M66.722 45.215c-.414-3.308-2.068-6.617-4.55-8.685l-42.6-33.914C14.197-1.52 6.753-.694 2.617 4.684C-1.52 10.06-.694 17.504 4.684 21.64l31.019 24.815L4.683 71.27C-.692 75.407-1.52 82.851 2.617 88.23c4.136 5.376 11.58 6.203 16.957 2.067l42.6-34.741c2.895-2.482 4.549-5.79 4.549-9.513z"/><path fill="#7000f2" d="M109.16 80.3c0 6.617-5.376 11.994-11.994 11.994S85.172 86.917 85.172 80.3s5.377-11.994 11.994-11.994c6.618 0 11.994 5.377 11.994 11.994"/><path fill="#5f6368" d="M492.143 79.886h-9.099L463.192 30.67h9.926l14.476 38.05l14.476-38.05h9.926zM422.66 49.694h28.125c-.414-6.617-5.79-11.994-14.062-11.994c-7.032 0-12.408 4.55-14.063 11.994m14.89 31.847c-14.476 0-24.816-11.167-24.816-26.056s10.34-26.056 24.402-26.056c14.476 0 23.988 9.926 23.988 26.883v.827H422.66c.414 9.513 7.445 16.13 15.717 16.13c5.79 0 10.753-2.895 13.648-8.685l8.272 4.136c-4.55 7.858-12.821 12.82-22.747 12.82m-57.903 0c-12.821 0-23.574-11.58-23.574-26.056s10.753-26.056 23.574-26.056c7.031 0 13.649 3.308 16.957 8.271h.414l-.414-6.617V8.336h9.1v71.55h-8.686V73.27h-.414c-3.722 4.963-9.926 8.272-16.957 8.272m1.241-8.272c9.099 0 15.716-7.031 15.716-17.784c0-10.34-6.617-17.785-15.716-17.785c-8.685 0-15.716 7.445-15.716 17.785s7.03 17.784 15.716 17.784m-28.124.414c0 3.722-2.895 6.617-7.031 6.617c-3.722 0-7.031-3.309-7.031-6.617c0-3.723 3.309-6.618 7.031-6.618c4.136 0 7.031 2.895 7.031 6.618m-43.427-.414c8.686 0 15.717-7.445 15.717-17.784c0-10.34-7.031-17.785-15.717-17.785c-9.099 0-15.716 7.445-15.716 17.785s6.617 17.784 15.716 17.784m1.655 8.272c-7.031 0-13.649-3.309-16.958-8.272h-.413v6.617h-8.686V8.336h9.1v22.747l-.414 6.617h.413c3.31-4.963 9.513-8.271 16.958-8.271c12.82 0 23.574 11.58 23.574 26.056c-.413 14.475-10.753 26.056-23.574 26.056m-71.965-31.847h28.124c-.413-6.617-5.79-11.994-14.062-11.994c-7.03 0-12.408 4.55-14.062 11.994m14.89 31.847c-14.476 0-24.816-11.167-24.816-26.056s10.34-26.056 24.402-26.056c14.475 0 23.988 9.926 23.988 26.883v.827h-38.464c.414 9.513 7.445 16.13 15.716 16.13q8.685 0 13.649-8.685l8.272 4.136c-4.55 7.858-12.822 12.82-22.748 12.82M227.86 31.083L212.144 80.3h-9.513l-12.407-37.637L178.23 80.3h-9.513l-16.13-49.217h9.513l10.753 37.223l11.994-37.223h9.513l11.994 37.223l10.753-37.223z"/></svg> </template>
CSS
.icon-web-dev {
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%20512%2096%22%3E%3Cpath%20fill%3D%22%2300c9db%22%20d%3D%22M96.753%2068.306h-36.81c-.413%200-1.24%200-1.654.414l-27.71%2021.92q-.621.62%200%201.24c0%20.414.413.414.827.414h65.76c6.618%200%2012.408-5.79%2011.994-12.821c-.413-6.618-6.204-11.167-12.407-11.167%22%2F%3E%3Cpath%20fill%3D%22%230d55ff%22%20d%3D%22M66.722%2045.215c-.414-3.308-2.068-6.617-4.55-8.685l-42.6-33.914C14.197-1.52%206.753-.694%202.617%204.684C-1.52%2010.06-.694%2017.504%204.684%2021.64l31.019%2024.815L4.683%2071.27C-.692%2075.407-1.52%2082.851%202.617%2088.23c4.136%205.376%2011.58%206.203%2016.957%202.067l42.6-34.741c2.895-2.482%204.549-5.79%204.549-9.513z%22%2F%3E%3Cpath%20fill%3D%22%237000f2%22%20d%3D%22M109.16%2080.3c0%206.617-5.376%2011.994-11.994%2011.994S85.172%2086.917%2085.172%2080.3s5.377-11.994%2011.994-11.994c6.618%200%2011.994%205.377%2011.994%2011.994%22%2F%3E%3Cpath%20fill%3D%22%235f6368%22%20d%3D%22M492.143%2079.886h-9.099L463.192%2030.67h9.926l14.476%2038.05l14.476-38.05h9.926zM422.66%2049.694h28.125c-.414-6.617-5.79-11.994-14.062-11.994c-7.032%200-12.408%204.55-14.063%2011.994m14.89%2031.847c-14.476%200-24.816-11.167-24.816-26.056s10.34-26.056%2024.402-26.056c14.476%200%2023.988%209.926%2023.988%2026.883v.827H422.66c.414%209.513%207.445%2016.13%2015.717%2016.13c5.79%200%2010.753-2.895%2013.648-8.685l8.272%204.136c-4.55%207.858-12.821%2012.82-22.747%2012.82m-57.903%200c-12.821%200-23.574-11.58-23.574-26.056s10.753-26.056%2023.574-26.056c7.031%200%2013.649%203.308%2016.957%208.271h.414l-.414-6.617V8.336h9.1v71.55h-8.686V73.27h-.414c-3.722%204.963-9.926%208.272-16.957%208.272m1.241-8.272c9.099%200%2015.716-7.031%2015.716-17.784c0-10.34-6.617-17.785-15.716-17.785c-8.685%200-15.716%207.445-15.716%2017.785s7.03%2017.784%2015.716%2017.784m-28.124.414c0%203.722-2.895%206.617-7.031%206.617c-3.722%200-7.031-3.309-7.031-6.617c0-3.723%203.309-6.618%207.031-6.618c4.136%200%207.031%202.895%207.031%206.618m-43.427-.414c8.686%200%2015.717-7.445%2015.717-17.784c0-10.34-7.031-17.785-15.717-17.785c-9.099%200-15.716%207.445-15.716%2017.785s6.617%2017.784%2015.716%2017.784m1.655%208.272c-7.031%200-13.649-3.309-16.958-8.272h-.413v6.617h-8.686V8.336h9.1v22.747l-.414%206.617h.413c3.31-4.963%209.513-8.271%2016.958-8.271c12.82%200%2023.574%2011.58%2023.574%2026.056c-.413%2014.475-10.753%2026.056-23.574%2026.056m-71.965-31.847h28.124c-.413-6.617-5.79-11.994-14.062-11.994c-7.03%200-12.408%204.55-14.062%2011.994m14.89%2031.847c-14.476%200-24.816-11.167-24.816-26.056s10.34-26.056%2024.402-26.056c14.475%200%2023.988%209.926%2023.988%2026.883v.827h-38.464c.414%209.513%207.445%2016.13%2015.716%2016.13q8.685%200%2013.649-8.685l8.272%204.136c-4.55%207.858-12.822%2012.82-22.748%2012.82M227.86%2031.083L212.144%2080.3h-9.513l-12.407-37.637L178.23%2080.3h-9.513l-16.13-49.217h9.513l10.753%2037.223l11.994-37.223h9.513l11.994%2037.223l10.753-37.223z%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%20512%2096%22%3E%3Cpath%20fill%3D%22%2300c9db%22%20d%3D%22M96.753%2068.306h-36.81c-.413%200-1.24%200-1.654.414l-27.71%2021.92q-.621.62%200%201.24c0%20.414.413.414.827.414h65.76c6.618%200%2012.408-5.79%2011.994-12.821c-.413-6.618-6.204-11.167-12.407-11.167%22%2F%3E%3Cpath%20fill%3D%22%230d55ff%22%20d%3D%22M66.722%2045.215c-.414-3.308-2.068-6.617-4.55-8.685l-42.6-33.914C14.197-1.52%206.753-.694%202.617%204.684C-1.52%2010.06-.694%2017.504%204.684%2021.64l31.019%2024.815L4.683%2071.27C-.692%2075.407-1.52%2082.851%202.617%2088.23c4.136%205.376%2011.58%206.203%2016.957%202.067l42.6-34.741c2.895-2.482%204.549-5.79%204.549-9.513z%22%2F%3E%3Cpath%20fill%3D%22%237000f2%22%20d%3D%22M109.16%2080.3c0%206.617-5.376%2011.994-11.994%2011.994S85.172%2086.917%2085.172%2080.3s5.377-11.994%2011.994-11.994c6.618%200%2011.994%205.377%2011.994%2011.994%22%2F%3E%3Cpath%20fill%3D%22%235f6368%22%20d%3D%22M492.143%2079.886h-9.099L463.192%2030.67h9.926l14.476%2038.05l14.476-38.05h9.926zM422.66%2049.694h28.125c-.414-6.617-5.79-11.994-14.062-11.994c-7.032%200-12.408%204.55-14.063%2011.994m14.89%2031.847c-14.476%200-24.816-11.167-24.816-26.056s10.34-26.056%2024.402-26.056c14.476%200%2023.988%209.926%2023.988%2026.883v.827H422.66c.414%209.513%207.445%2016.13%2015.717%2016.13c5.79%200%2010.753-2.895%2013.648-8.685l8.272%204.136c-4.55%207.858-12.821%2012.82-22.747%2012.82m-57.903%200c-12.821%200-23.574-11.58-23.574-26.056s10.753-26.056%2023.574-26.056c7.031%200%2013.649%203.308%2016.957%208.271h.414l-.414-6.617V8.336h9.1v71.55h-8.686V73.27h-.414c-3.722%204.963-9.926%208.272-16.957%208.272m1.241-8.272c9.099%200%2015.716-7.031%2015.716-17.784c0-10.34-6.617-17.785-15.716-17.785c-8.685%200-15.716%207.445-15.716%2017.785s7.03%2017.784%2015.716%2017.784m-28.124.414c0%203.722-2.895%206.617-7.031%206.617c-3.722%200-7.031-3.309-7.031-6.617c0-3.723%203.309-6.618%207.031-6.618c4.136%200%207.031%202.895%207.031%206.618m-43.427-.414c8.686%200%2015.717-7.445%2015.717-17.784c0-10.34-7.031-17.785-15.717-17.785c-9.099%200-15.716%207.445-15.716%2017.785s6.617%2017.784%2015.716%2017.784m1.655%208.272c-7.031%200-13.649-3.309-16.958-8.272h-.413v6.617h-8.686V8.336h9.1v22.747l-.414%206.617h.413c3.31-4.963%209.513-8.271%2016.958-8.271c12.82%200%2023.574%2011.58%2023.574%2026.056c-.413%2014.475-10.753%2026.056-23.574%2026.056m-71.965-31.847h28.124c-.413-6.617-5.79-11.994-14.062-11.994c-7.03%200-12.408%204.55-14.062%2011.994m14.89%2031.847c-14.476%200-24.816-11.167-24.816-26.056s10.34-26.056%2024.402-26.056c14.475%200%2023.988%209.926%2023.988%2026.883v.827h-38.464c.414%209.513%207.445%2016.13%2015.716%2016.13q8.685%200%2013.649-8.685l8.272%204.136c-4.55%207.858-12.822%2012.82-22.748%2012.82M227.86%2031.083L212.144%2080.3h-9.513l-12.407-37.637L178.23%2080.3h-9.513l-16.13-49.217h9.513l10.753%2037.223l11.994-37.223h9.513l11.994%2037.223l10.753-37.223z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/web-dev.svg?color=%231a73e8&size=48
