retool icon logo

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

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

Use the retool icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#262626" d="M244.272 213.333c6.477 0 11.728 5.252 11.728 11.728v7.482C256 245.498 245.498 256 232.543 256H140.79c-12.954 0-23.457-10.502-23.457-23.457v-7.482c0-6.476 5.252-11.728 11.728-11.728zm-11.73-128c12.956 0 23.458 10.502 23.458 23.457v60.815c0 6.477-5.251 11.728-11.728 11.728H23.457C10.502 181.333 0 170.831 0 157.876V97.062c0-6.478 5.251-11.729 11.728-11.729zM115.21 0c12.954 0 23.457 10.502 23.457 23.457v18.148c0 6.477-5.252 11.728-11.728 11.728H11.729C5.25 53.333 0 48.083 0 41.605V23.457C0 10.502 10.502 0 23.457 0z"/></svg>

React

import type { SVGProps } from "react";

export function LogosRetoolIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#262626" d="M244.272 213.333c6.477 0 11.728 5.252 11.728 11.728v7.482C256 245.498 245.498 256 232.543 256H140.79c-12.954 0-23.457-10.502-23.457-23.457v-7.482c0-6.476 5.252-11.728 11.728-11.728zm-11.73-128c12.956 0 23.458 10.502 23.458 23.457v60.815c0 6.477-5.251 11.728-11.728 11.728H23.457C10.502 181.333 0 170.831 0 157.876V97.062c0-6.478 5.251-11.729 11.728-11.729zM115.21 0c12.954 0 23.457 10.502 23.457 23.457v18.148c0 6.477-5.252 11.728-11.728 11.728H11.729C5.25 53.333 0 48.083 0 41.605V23.457C0 10.502 10.502 0 23.457 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#262626" d="M244.272 213.333c6.477 0 11.728 5.252 11.728 11.728v7.482C256 245.498 245.498 256 232.543 256H140.79c-12.954 0-23.457-10.502-23.457-23.457v-7.482c0-6.476 5.252-11.728 11.728-11.728zm-11.73-128c12.956 0 23.458 10.502 23.458 23.457v60.815c0 6.477-5.251 11.728-11.728 11.728H23.457C10.502 181.333 0 170.831 0 157.876V97.062c0-6.478 5.251-11.729 11.728-11.729zM115.21 0c12.954 0 23.457 10.502 23.457 23.457v18.148c0 6.477-5.252 11.728-11.728 11.728H11.729C5.25 53.333 0 48.083 0 41.605V23.457C0 10.502 10.502 0 23.457 0z"/></svg>
</template>

CSS

.icon-retool-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%20256%22%3E%3Cpath%20fill%3D%22%23262626%22%20d%3D%22M244.272%20213.333c6.477%200%2011.728%205.252%2011.728%2011.728v7.482C256%20245.498%20245.498%20256%20232.543%20256H140.79c-12.954%200-23.457-10.502-23.457-23.457v-7.482c0-6.476%205.252-11.728%2011.728-11.728zm-11.73-128c12.956%200%2023.458%2010.502%2023.458%2023.457v60.815c0%206.477-5.251%2011.728-11.728%2011.728H23.457C10.502%20181.333%200%20170.831%200%20157.876V97.062c0-6.478%205.251-11.729%2011.728-11.729zM115.21%200c12.954%200%2023.457%2010.502%2023.457%2023.457v18.148c0%206.477-5.252%2011.728-11.728%2011.728H11.729C5.25%2053.333%200%2048.083%200%2041.605V23.457C0%2010.502%2010.502%200%2023.457%200z%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%20256%22%3E%3Cpath%20fill%3D%22%23262626%22%20d%3D%22M244.272%20213.333c6.477%200%2011.728%205.252%2011.728%2011.728v7.482C256%20245.498%20245.498%20256%20232.543%20256H140.79c-12.954%200-23.457-10.502-23.457-23.457v-7.482c0-6.476%205.252-11.728%2011.728-11.728zm-11.73-128c12.956%200%2023.458%2010.502%2023.458%2023.457v60.815c0%206.477-5.251%2011.728-11.728%2011.728H23.457C10.502%20181.333%200%20170.831%200%20157.876V97.062c0-6.478%205.251-11.729%2011.728-11.729zM115.21%200c12.954%200%2023.457%2010.502%2023.457%2023.457v18.148c0%206.477-5.252%2011.728-11.728%2011.728H11.729C5.25%2053.333%200%2048.083%200%2041.605V23.457C0%2010.502%2010.502%200%2023.457%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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