githubcodespaces logo

Use the githubcodespaces logo

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGc16pObco" x1="11.622" x2="11.622" y1="7.023" y2="13.825" gradientTransform="translate(.5 .592)scale(7.9375)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0196ca"/><stop offset="1" stop-color="#0065a9"/></linearGradient><linearGradient id="SVGg5AqDd3U" x1="11.622" x2="11.622" y1="8.675" y2="15.977" gradientTransform="translate(.5 .592)scale(7.9375)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#01a7de"/><stop offset="1" stop-color="#007acc"/></linearGradient><linearGradient id="SVGTN9c3cUI" x1="14.594" x2="14.594" y1="7.023" y2="15.977" gradientTransform="translate(.5 .592)scale(7.9375)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2ec2f6"/><stop offset="1" stop-color="#1f9cf0"/></linearGradient></defs><path fill="#24292e" d="M.5 64.092C.5 29.008 28.916.592 64 .592c29.601 0 54.457 20.23 61.501 47.625h-24.065a25.4 25.4 0 0 0-3.305-4.524c.635-1.588 2.857-8.097-.635-16.828c0 0-5.318-1.747-17.462 6.508c-5.08-1.428-10.478-2.143-15.875-2.143s-10.795.715-15.875 2.143c-12.144-8.175-17.462-6.508-17.462-6.508c-3.493 8.73-1.27 15.24-.635 16.828c-4.048 4.445-6.509 10.16-6.509 17.066c0 17.057 7.281 24.836 16.51 28.507v12.959c-3.492-.284-7.264-1.992-10.16-6.858c-1.19-1.905-4.762-6.588-9.763-6.51c-5.318.08-2.143 3.017.08 4.208c2.698 1.508 5.794 7.143 6.508 8.97c1.024 2.878 3.903 7.87 13.335 8.162v12.767C16.906 113.541.501 90.788.501 64.093z"/><path fill="url(#SVGc16pObco)" d="m124.97 63.867l-14.719-7.087a4.45 4.45 0 0 0-5.077.863l-46.2 39.965a2.977 2.977 0 0 0 .003 4.402l7.904 7.547a2.98 2.98 0 0 0 3.801.169l40.941-31.744l9.647-10.638c.988-1.09 2.1-2.382 3.563-2.23c1.412.148 2.665 1.31 2.665 2.946v-.17a4.47 4.47 0 0 0-2.528-4.023"/><path fill="url(#SVGg5AqDd3U)" d="m124.97 119.88l-14.719 7.087a4.45 4.45 0 0 1-5.077-.863l-46.2-43.933a2.977 2.977 0 0 1 .003-4.403l7.904-7.546a2.98 2.98 0 0 1 3.801-.17l40.941 35.713l9.647 10.639c.988 1.09 2.1 2.382 3.563 2.23c1.413-.149 2.665-1.311 2.665-2.947v.171a4.47 4.47 0 0 1-2.528 4.023z"/><path fill="url(#SVGTN9c3cUI)" d="M110.25 126.97a4.45 4.45 0 0 1-5.078-.864c1.648 1.647 6.45.48 6.45-1.85V59.494c0-2.33-4.802-3.497-6.45-1.85a4.45 4.45 0 0 1 5.078-.863l14.717 5.093a4.47 4.47 0 0 1 2.53 4.023v51.956c0 1.716-.984 3.28-2.53 4.024z"/></svg>

import type { SVGProps } from "react";

export function DeviconGithubcodespaces(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGc16pObco" x1="11.622" x2="11.622" y1="7.023" y2="13.825" gradientTransform="translate(.5 .592)scale(7.9375)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#0196ca"/><stop offset="1" stopColor="#0065a9"/></linearGradient><linearGradient id="SVGg5AqDd3U" x1="11.622" x2="11.622" y1="8.675" y2="15.977" gradientTransform="translate(.5 .592)scale(7.9375)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#01a7de"/><stop offset="1" stopColor="#007acc"/></linearGradient><linearGradient id="SVGTN9c3cUI" x1="14.594" x2="14.594" y1="7.023" y2="15.977" gradientTransform="translate(.5 .592)scale(7.9375)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#2ec2f6"/><stop offset="1" stopColor="#1f9cf0"/></linearGradient></defs><path fill="#24292e" d="M.5 64.092C.5 29.008 28.916.592 64 .592c29.601 0 54.457 20.23 61.501 47.625h-24.065a25.4 25.4 0 0 0-3.305-4.524c.635-1.588 2.857-8.097-.635-16.828c0 0-5.318-1.747-17.462 6.508c-5.08-1.428-10.478-2.143-15.875-2.143s-10.795.715-15.875 2.143c-12.144-8.175-17.462-6.508-17.462-6.508c-3.493 8.73-1.27 15.24-.635 16.828c-4.048 4.445-6.509 10.16-6.509 17.066c0 17.057 7.281 24.836 16.51 28.507v12.959c-3.492-.284-7.264-1.992-10.16-6.858c-1.19-1.905-4.762-6.588-9.763-6.51c-5.318.08-2.143 3.017.08 4.208c2.698 1.508 5.794 7.143 6.508 8.97c1.024 2.878 3.903 7.87 13.335 8.162v12.767C16.906 113.541.501 90.788.501 64.093z"/><path fill="url(#SVGc16pObco)" d="m124.97 63.867l-14.719-7.087a4.45 4.45 0 0 0-5.077.863l-46.2 39.965a2.977 2.977 0 0 0 .003 4.402l7.904 7.547a2.98 2.98 0 0 0 3.801.169l40.941-31.744l9.647-10.638c.988-1.09 2.1-2.382 3.563-2.23c1.412.148 2.665 1.31 2.665 2.946v-.17a4.47 4.47 0 0 0-2.528-4.023"/><path fill="url(#SVGg5AqDd3U)" d="m124.97 119.88l-14.719 7.087a4.45 4.45 0 0 1-5.077-.863l-46.2-43.933a2.977 2.977 0 0 1 .003-4.403l7.904-7.546a2.98 2.98 0 0 1 3.801-.17l40.941 35.713l9.647 10.639c.988 1.09 2.1 2.382 3.563 2.23c1.413-.149 2.665-1.311 2.665-2.947v.171a4.47 4.47 0 0 1-2.528 4.023z"/><path fill="url(#SVGTN9c3cUI)" d="M110.25 126.97a4.45 4.45 0 0 1-5.078-.864c1.648 1.647 6.45.48 6.45-1.85V59.494c0-2.33-4.802-3.497-6.45-1.85a4.45 4.45 0 0 1 5.078-.863l14.717 5.093a4.47 4.47 0 0 1 2.53 4.023v51.956c0 1.716-.984 3.28-2.53 4.024z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGc16pObco" x1="11.622" x2="11.622" y1="7.023" y2="13.825" gradientTransform="translate(.5 .592)scale(7.9375)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0196ca"/><stop offset="1" stop-color="#0065a9"/></linearGradient><linearGradient id="SVGg5AqDd3U" x1="11.622" x2="11.622" y1="8.675" y2="15.977" gradientTransform="translate(.5 .592)scale(7.9375)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#01a7de"/><stop offset="1" stop-color="#007acc"/></linearGradient><linearGradient id="SVGTN9c3cUI" x1="14.594" x2="14.594" y1="7.023" y2="15.977" gradientTransform="translate(.5 .592)scale(7.9375)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2ec2f6"/><stop offset="1" stop-color="#1f9cf0"/></linearGradient></defs><path fill="#24292e" d="M.5 64.092C.5 29.008 28.916.592 64 .592c29.601 0 54.457 20.23 61.501 47.625h-24.065a25.4 25.4 0 0 0-3.305-4.524c.635-1.588 2.857-8.097-.635-16.828c0 0-5.318-1.747-17.462 6.508c-5.08-1.428-10.478-2.143-15.875-2.143s-10.795.715-15.875 2.143c-12.144-8.175-17.462-6.508-17.462-6.508c-3.493 8.73-1.27 15.24-.635 16.828c-4.048 4.445-6.509 10.16-6.509 17.066c0 17.057 7.281 24.836 16.51 28.507v12.959c-3.492-.284-7.264-1.992-10.16-6.858c-1.19-1.905-4.762-6.588-9.763-6.51c-5.318.08-2.143 3.017.08 4.208c2.698 1.508 5.794 7.143 6.508 8.97c1.024 2.878 3.903 7.87 13.335 8.162v12.767C16.906 113.541.501 90.788.501 64.093z"/><path fill="url(#SVGc16pObco)" d="m124.97 63.867l-14.719-7.087a4.45 4.45 0 0 0-5.077.863l-46.2 39.965a2.977 2.977 0 0 0 .003 4.402l7.904 7.547a2.98 2.98 0 0 0 3.801.169l40.941-31.744l9.647-10.638c.988-1.09 2.1-2.382 3.563-2.23c1.412.148 2.665 1.31 2.665 2.946v-.17a4.47 4.47 0 0 0-2.528-4.023"/><path fill="url(#SVGg5AqDd3U)" d="m124.97 119.88l-14.719 7.087a4.45 4.45 0 0 1-5.077-.863l-46.2-43.933a2.977 2.977 0 0 1 .003-4.403l7.904-7.546a2.98 2.98 0 0 1 3.801-.17l40.941 35.713l9.647 10.639c.988 1.09 2.1 2.382 3.563 2.23c1.413-.149 2.665-1.311 2.665-2.947v.171a4.47 4.47 0 0 1-2.528 4.023z"/><path fill="url(#SVGTN9c3cUI)" d="M110.25 126.97a4.45 4.45 0 0 1-5.078-.864c1.648 1.647 6.45.48 6.45-1.85V59.494c0-2.33-4.802-3.497-6.45-1.85a4.45 4.45 0 0 1 5.078-.863l14.717 5.093a4.47 4.47 0 0 1 2.53 4.023v51.956c0 1.716-.984 3.28-2.53 4.024z"/></svg>
</template>

.icon-githubcodespaces {
  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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGc16pObco%22%20x1%3D%2211.622%22%20x2%3D%2211.622%22%20y1%3D%227.023%22%20y2%3D%2213.825%22%20gradientTransform%3D%22translate(.5%20.592)scale(7.9375)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230196ca%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230065a9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGg5AqDd3U%22%20x1%3D%2211.622%22%20x2%3D%2211.622%22%20y1%3D%228.675%22%20y2%3D%2215.977%22%20gradientTransform%3D%22translate(.5%20.592)scale(7.9375)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2301a7de%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23007acc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTN9c3cUI%22%20x1%3D%2214.594%22%20x2%3D%2214.594%22%20y1%3D%227.023%22%20y2%3D%2215.977%22%20gradientTransform%3D%22translate(.5%20.592)scale(7.9375)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232ec2f6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231f9cf0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2324292e%22%20d%3D%22M.5%2064.092C.5%2029.008%2028.916.592%2064%20.592c29.601%200%2054.457%2020.23%2061.501%2047.625h-24.065a25.4%2025.4%200%200%200-3.305-4.524c.635-1.588%202.857-8.097-.635-16.828c0%200-5.318-1.747-17.462%206.508c-5.08-1.428-10.478-2.143-15.875-2.143s-10.795.715-15.875%202.143c-12.144-8.175-17.462-6.508-17.462-6.508c-3.493%208.73-1.27%2015.24-.635%2016.828c-4.048%204.445-6.509%2010.16-6.509%2017.066c0%2017.057%207.281%2024.836%2016.51%2028.507v12.959c-3.492-.284-7.264-1.992-10.16-6.858c-1.19-1.905-4.762-6.588-9.763-6.51c-5.318.08-2.143%203.017.08%204.208c2.698%201.508%205.794%207.143%206.508%208.97c1.024%202.878%203.903%207.87%2013.335%208.162v12.767C16.906%20113.541.501%2090.788.501%2064.093z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGc16pObco)%22%20d%3D%22m124.97%2063.867l-14.719-7.087a4.45%204.45%200%200%200-5.077.863l-46.2%2039.965a2.977%202.977%200%200%200%20.003%204.402l7.904%207.547a2.98%202.98%200%200%200%203.801.169l40.941-31.744l9.647-10.638c.988-1.09%202.1-2.382%203.563-2.23c1.412.148%202.665%201.31%202.665%202.946v-.17a4.47%204.47%200%200%200-2.528-4.023%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGg5AqDd3U)%22%20d%3D%22m124.97%20119.88l-14.719%207.087a4.45%204.45%200%200%201-5.077-.863l-46.2-43.933a2.977%202.977%200%200%201%20.003-4.403l7.904-7.546a2.98%202.98%200%200%201%203.801-.17l40.941%2035.713l9.647%2010.639c.988%201.09%202.1%202.382%203.563%202.23c1.413-.149%202.665-1.311%202.665-2.947v.171a4.47%204.47%200%200%201-2.528%204.023z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTN9c3cUI)%22%20d%3D%22M110.25%20126.97a4.45%204.45%200%200%201-5.078-.864c1.648%201.647%206.45.48%206.45-1.85V59.494c0-2.33-4.802-3.497-6.45-1.85a4.45%204.45%200%200%201%205.078-.863l14.717%205.093a4.47%204.47%200%200%201%202.53%204.023v51.956c0%201.716-.984%203.28-2.53%204.024z%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGc16pObco%22%20x1%3D%2211.622%22%20x2%3D%2211.622%22%20y1%3D%227.023%22%20y2%3D%2213.825%22%20gradientTransform%3D%22translate(.5%20.592)scale(7.9375)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230196ca%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230065a9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGg5AqDd3U%22%20x1%3D%2211.622%22%20x2%3D%2211.622%22%20y1%3D%228.675%22%20y2%3D%2215.977%22%20gradientTransform%3D%22translate(.5%20.592)scale(7.9375)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2301a7de%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23007acc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGTN9c3cUI%22%20x1%3D%2214.594%22%20x2%3D%2214.594%22%20y1%3D%227.023%22%20y2%3D%2215.977%22%20gradientTransform%3D%22translate(.5%20.592)scale(7.9375)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232ec2f6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231f9cf0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2324292e%22%20d%3D%22M.5%2064.092C.5%2029.008%2028.916.592%2064%20.592c29.601%200%2054.457%2020.23%2061.501%2047.625h-24.065a25.4%2025.4%200%200%200-3.305-4.524c.635-1.588%202.857-8.097-.635-16.828c0%200-5.318-1.747-17.462%206.508c-5.08-1.428-10.478-2.143-15.875-2.143s-10.795.715-15.875%202.143c-12.144-8.175-17.462-6.508-17.462-6.508c-3.493%208.73-1.27%2015.24-.635%2016.828c-4.048%204.445-6.509%2010.16-6.509%2017.066c0%2017.057%207.281%2024.836%2016.51%2028.507v12.959c-3.492-.284-7.264-1.992-10.16-6.858c-1.19-1.905-4.762-6.588-9.763-6.51c-5.318.08-2.143%203.017.08%204.208c2.698%201.508%205.794%207.143%206.508%208.97c1.024%202.878%203.903%207.87%2013.335%208.162v12.767C16.906%20113.541.501%2090.788.501%2064.093z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGc16pObco)%22%20d%3D%22m124.97%2063.867l-14.719-7.087a4.45%204.45%200%200%200-5.077.863l-46.2%2039.965a2.977%202.977%200%200%200%20.003%204.402l7.904%207.547a2.98%202.98%200%200%200%203.801.169l40.941-31.744l9.647-10.638c.988-1.09%202.1-2.382%203.563-2.23c1.412.148%202.665%201.31%202.665%202.946v-.17a4.47%204.47%200%200%200-2.528-4.023%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGg5AqDd3U)%22%20d%3D%22m124.97%20119.88l-14.719%207.087a4.45%204.45%200%200%201-5.077-.863l-46.2-43.933a2.977%202.977%200%200%201%20.003-4.403l7.904-7.546a2.98%202.98%200%200%201%203.801-.17l40.941%2035.713l9.647%2010.639c.988%201.09%202.1%202.382%203.563%202.23c1.413-.149%202.665-1.311%202.665-2.947v.171a4.47%204.47%200%200%201-2.528%204.023z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGTN9c3cUI)%22%20d%3D%22M110.25%20126.97a4.45%204.45%200%200%201-5.078-.864c1.648%201.647%206.45.48%206.45-1.85V59.494c0-2.33-4.802-3.497-6.45-1.85a4.45%204.45%200%200%201%205.078-.863l14.717%205.093a4.47%204.47%200%200%201%202.53%204.023v51.956c0%201.716-.984%203.28-2.53%204.024z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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