datagrip logo
datagrip from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- datagrip
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the datagrip logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGdb8Zxebq" x1="48.681%" x2="50.185%" y1="46.207%" y2="99.477%"><stop offset="16%" stop-color="#21d789"/><stop offset="54%" stop-color="#419fbc"/><stop offset="100%" stop-color="#6b57ff"/></linearGradient><linearGradient id="SVGGOgt5dhQ" x1="37.375%" x2="53.526%" y1="64.021%" y2="50%"><stop offset="0%" stop-color="#6b57ff"/><stop offset="95%" stop-color="#21d789"/></linearGradient><linearGradient id="SVG4RfsVdOI" x1="34.806%" x2="45.581%" y1="22.767%" y2="53.89%"><stop offset="0%" stop-color="#6b57ff"/><stop offset="2%" stop-color="#685cfb"/><stop offset="28%" stop-color="#4a91ca"/><stop offset="51%" stop-color="#34b7a7"/><stop offset="69%" stop-color="#26ce91"/><stop offset="80%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGZGFS0drK" x1="8.271%" x2="124.62%" y1="28.102%" y2="74.034%"><stop offset="8%" stop-color="#21d789"/><stop offset="89%" stop-color="#6b57ff"/></linearGradient><linearGradient id="SVGa1axsdMd" x1="7.221%" x2="101.291%" y1="50%" y2="50%"><stop offset="31%" stop-color="#21d789"/><stop offset="49%" stop-color="#59a3b2"/><stop offset="77%" stop-color="#b74af7"/><stop offset="100%" stop-color="#ff45ed"/></linearGradient></defs><path fill="url(#SVGdb8Zxebq)" d="m239.68 39.787l16.32 104.8l-30.16 17.546z"/><path fill="url(#SVGGOgt5dhQ)" d="M239.68 39.787L148.027 0l-25.574 21.227z"/><path fill="url(#SVG4RfsVdOI)" d="M172.987 256L30.773 142.693l-28.56 85.894z"/><path fill="url(#SVGZGFS0drK)" d="M192.8 184.4L0 118.16L172.987 256z"/><path fill="url(#SVGa1axsdMd)" d="M0 1.813V118.16l222.16 76.347l17.52-154.72z"/><path d="M48 47.68h160v160H48z"/><path fill="#fff" d="M64.24 68.48h25.84c20.592 0 34.911 14.009 35.196 32.375l.004.745c0 18.667-14.4 33.12-35.2 33.12H64.24zM78.8 81.627v40h11.28a18.88 18.88 0 0 0 19.947-19.787v-.24A19.013 19.013 0 0 0 90.08 81.627zm49.067 20.16v-.187a34 34 0 0 1 34.666-34.267a36.35 36.35 0 0 1 26.027 9.094l-9.173 11.066a24.48 24.48 0 0 0-16.848-6.724l-.459.004c-10.554 0-18.863 9.19-19.037 20.286l-.003.541c0 12.107 8.347 21.013 20.08 21.013a23.28 23.28 0 0 0 13.76-3.946v-9.494h-14.667V96.587h28.774v28.773a42.9 42.9 0 0 1-28.294 10.507c-20.64 0-34.826-14.534-34.826-34.08M62.72 177.653h60v10h-60z"/></svg>
React
import type { SVGProps } from "react";
export function LogosDatagrip(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGdb8Zxebq" x1="48.681%" x2="50.185%" y1="46.207%" y2="99.477%"><stop offset="16%" stopColor="#21d789"/><stop offset="54%" stopColor="#419fbc"/><stop offset="100%" stopColor="#6b57ff"/></linearGradient><linearGradient id="SVGGOgt5dhQ" x1="37.375%" x2="53.526%" y1="64.021%" y2="50%"><stop offset="0%" stopColor="#6b57ff"/><stop offset="95%" stopColor="#21d789"/></linearGradient><linearGradient id="SVG4RfsVdOI" x1="34.806%" x2="45.581%" y1="22.767%" y2="53.89%"><stop offset="0%" stopColor="#6b57ff"/><stop offset="2%" stopColor="#685cfb"/><stop offset="28%" stopColor="#4a91ca"/><stop offset="51%" stopColor="#34b7a7"/><stop offset="69%" stopColor="#26ce91"/><stop offset="80%" stopColor="#21d789"/></linearGradient><linearGradient id="SVGZGFS0drK" x1="8.271%" x2="124.62%" y1="28.102%" y2="74.034%"><stop offset="8%" stopColor="#21d789"/><stop offset="89%" stopColor="#6b57ff"/></linearGradient><linearGradient id="SVGa1axsdMd" x1="7.221%" x2="101.291%" y1="50%" y2="50%"><stop offset="31%" stopColor="#21d789"/><stop offset="49%" stopColor="#59a3b2"/><stop offset="77%" stopColor="#b74af7"/><stop offset="100%" stopColor="#ff45ed"/></linearGradient></defs><path fill="url(#SVGdb8Zxebq)" d="m239.68 39.787l16.32 104.8l-30.16 17.546z"/><path fill="url(#SVGGOgt5dhQ)" d="M239.68 39.787L148.027 0l-25.574 21.227z"/><path fill="url(#SVG4RfsVdOI)" d="M172.987 256L30.773 142.693l-28.56 85.894z"/><path fill="url(#SVGZGFS0drK)" d="M192.8 184.4L0 118.16L172.987 256z"/><path fill="url(#SVGa1axsdMd)" d="M0 1.813V118.16l222.16 76.347l17.52-154.72z"/><path d="M48 47.68h160v160H48z"/><path fill="#fff" d="M64.24 68.48h25.84c20.592 0 34.911 14.009 35.196 32.375l.004.745c0 18.667-14.4 33.12-35.2 33.12H64.24zM78.8 81.627v40h11.28a18.88 18.88 0 0 0 19.947-19.787v-.24A19.013 19.013 0 0 0 90.08 81.627zm49.067 20.16v-.187a34 34 0 0 1 34.666-34.267a36.35 36.35 0 0 1 26.027 9.094l-9.173 11.066a24.48 24.48 0 0 0-16.848-6.724l-.459.004c-10.554 0-18.863 9.19-19.037 20.286l-.003.541c0 12.107 8.347 21.013 20.08 21.013a23.28 23.28 0 0 0 13.76-3.946v-9.494h-14.667V96.587h28.774v28.773a42.9 42.9 0 0 1-28.294 10.507c-20.64 0-34.826-14.534-34.826-34.08M62.72 177.653h60v10h-60z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGdb8Zxebq" x1="48.681%" x2="50.185%" y1="46.207%" y2="99.477%"><stop offset="16%" stop-color="#21d789"/><stop offset="54%" stop-color="#419fbc"/><stop offset="100%" stop-color="#6b57ff"/></linearGradient><linearGradient id="SVGGOgt5dhQ" x1="37.375%" x2="53.526%" y1="64.021%" y2="50%"><stop offset="0%" stop-color="#6b57ff"/><stop offset="95%" stop-color="#21d789"/></linearGradient><linearGradient id="SVG4RfsVdOI" x1="34.806%" x2="45.581%" y1="22.767%" y2="53.89%"><stop offset="0%" stop-color="#6b57ff"/><stop offset="2%" stop-color="#685cfb"/><stop offset="28%" stop-color="#4a91ca"/><stop offset="51%" stop-color="#34b7a7"/><stop offset="69%" stop-color="#26ce91"/><stop offset="80%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGZGFS0drK" x1="8.271%" x2="124.62%" y1="28.102%" y2="74.034%"><stop offset="8%" stop-color="#21d789"/><stop offset="89%" stop-color="#6b57ff"/></linearGradient><linearGradient id="SVGa1axsdMd" x1="7.221%" x2="101.291%" y1="50%" y2="50%"><stop offset="31%" stop-color="#21d789"/><stop offset="49%" stop-color="#59a3b2"/><stop offset="77%" stop-color="#b74af7"/><stop offset="100%" stop-color="#ff45ed"/></linearGradient></defs><path fill="url(#SVGdb8Zxebq)" d="m239.68 39.787l16.32 104.8l-30.16 17.546z"/><path fill="url(#SVGGOgt5dhQ)" d="M239.68 39.787L148.027 0l-25.574 21.227z"/><path fill="url(#SVG4RfsVdOI)" d="M172.987 256L30.773 142.693l-28.56 85.894z"/><path fill="url(#SVGZGFS0drK)" d="M192.8 184.4L0 118.16L172.987 256z"/><path fill="url(#SVGa1axsdMd)" d="M0 1.813V118.16l222.16 76.347l17.52-154.72z"/><path d="M48 47.68h160v160H48z"/><path fill="#fff" d="M64.24 68.48h25.84c20.592 0 34.911 14.009 35.196 32.375l.004.745c0 18.667-14.4 33.12-35.2 33.12H64.24zM78.8 81.627v40h11.28a18.88 18.88 0 0 0 19.947-19.787v-.24A19.013 19.013 0 0 0 90.08 81.627zm49.067 20.16v-.187a34 34 0 0 1 34.666-34.267a36.35 36.35 0 0 1 26.027 9.094l-9.173 11.066a24.48 24.48 0 0 0-16.848-6.724l-.459.004c-10.554 0-18.863 9.19-19.037 20.286l-.003.541c0 12.107 8.347 21.013 20.08 21.013a23.28 23.28 0 0 0 13.76-3.946v-9.494h-14.667V96.587h28.774v28.773a42.9 42.9 0 0 1-28.294 10.507c-20.64 0-34.826-14.534-34.826-34.08M62.72 177.653h60v10h-60z"/></svg> </template>
CSS
.icon-datagrip {
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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGdb8Zxebq%22%20x1%3D%2248.681%25%22%20x2%3D%2250.185%25%22%20y1%3D%2246.207%25%22%20y2%3D%2299.477%25%22%3E%3Cstop%20offset%3D%2216%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2254%25%22%20stop-color%3D%22%23419fbc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGGOgt5dhQ%22%20x1%3D%2237.375%25%22%20x2%3D%2253.526%25%22%20y1%3D%2264.021%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3Cstop%20offset%3D%2295%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG4RfsVdOI%22%20x1%3D%2234.806%25%22%20x2%3D%2245.581%25%22%20y1%3D%2222.767%25%22%20y2%3D%2253.89%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3Cstop%20offset%3D%222%25%22%20stop-color%3D%22%23685cfb%22%2F%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%234a91ca%22%2F%3E%3Cstop%20offset%3D%2251%25%22%20stop-color%3D%22%2334b7a7%22%2F%3E%3Cstop%20offset%3D%2269%25%22%20stop-color%3D%22%2326ce91%22%2F%3E%3Cstop%20offset%3D%2280%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZGFS0drK%22%20x1%3D%228.271%25%22%20x2%3D%22124.62%25%22%20y1%3D%2228.102%25%22%20y2%3D%2274.034%25%22%3E%3Cstop%20offset%3D%228%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2289%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGa1axsdMd%22%20x1%3D%227.221%25%22%20x2%3D%22101.291%25%22%20y1%3D%2250%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%2231%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2249%25%22%20stop-color%3D%22%2359a3b2%22%2F%3E%3Cstop%20offset%3D%2277%25%22%20stop-color%3D%22%23b74af7%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff45ed%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGdb8Zxebq)%22%20d%3D%22m239.68%2039.787l16.32%20104.8l-30.16%2017.546z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGOgt5dhQ)%22%20d%3D%22M239.68%2039.787L148.027%200l-25.574%2021.227z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG4RfsVdOI)%22%20d%3D%22M172.987%20256L30.773%20142.693l-28.56%2085.894z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZGFS0drK)%22%20d%3D%22M192.8%20184.4L0%20118.16L172.987%20256z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGa1axsdMd)%22%20d%3D%22M0%201.813V118.16l222.16%2076.347l17.52-154.72z%22%2F%3E%3Cpath%20d%3D%22M48%2047.68h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.24%2068.48h25.84c20.592%200%2034.911%2014.009%2035.196%2032.375l.004.745c0%2018.667-14.4%2033.12-35.2%2033.12H64.24zM78.8%2081.627v40h11.28a18.88%2018.88%200%200%200%2019.947-19.787v-.24A19.013%2019.013%200%200%200%2090.08%2081.627zm49.067%2020.16v-.187a34%2034%200%200%201%2034.666-34.267a36.35%2036.35%200%200%201%2026.027%209.094l-9.173%2011.066a24.48%2024.48%200%200%200-16.848-6.724l-.459.004c-10.554%200-18.863%209.19-19.037%2020.286l-.003.541c0%2012.107%208.347%2021.013%2020.08%2021.013a23.28%2023.28%200%200%200%2013.76-3.946v-9.494h-14.667V96.587h28.774v28.773a42.9%2042.9%200%200%201-28.294%2010.507c-20.64%200-34.826-14.534-34.826-34.08M62.72%20177.653h60v10h-60z%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGdb8Zxebq%22%20x1%3D%2248.681%25%22%20x2%3D%2250.185%25%22%20y1%3D%2246.207%25%22%20y2%3D%2299.477%25%22%3E%3Cstop%20offset%3D%2216%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2254%25%22%20stop-color%3D%22%23419fbc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGGOgt5dhQ%22%20x1%3D%2237.375%25%22%20x2%3D%2253.526%25%22%20y1%3D%2264.021%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3Cstop%20offset%3D%2295%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG4RfsVdOI%22%20x1%3D%2234.806%25%22%20x2%3D%2245.581%25%22%20y1%3D%2222.767%25%22%20y2%3D%2253.89%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3Cstop%20offset%3D%222%25%22%20stop-color%3D%22%23685cfb%22%2F%3E%3Cstop%20offset%3D%2228%25%22%20stop-color%3D%22%234a91ca%22%2F%3E%3Cstop%20offset%3D%2251%25%22%20stop-color%3D%22%2334b7a7%22%2F%3E%3Cstop%20offset%3D%2269%25%22%20stop-color%3D%22%2326ce91%22%2F%3E%3Cstop%20offset%3D%2280%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGZGFS0drK%22%20x1%3D%228.271%25%22%20x2%3D%22124.62%25%22%20y1%3D%2228.102%25%22%20y2%3D%2274.034%25%22%3E%3Cstop%20offset%3D%228%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2289%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGa1axsdMd%22%20x1%3D%227.221%25%22%20x2%3D%22101.291%25%22%20y1%3D%2250%25%22%20y2%3D%2250%25%22%3E%3Cstop%20offset%3D%2231%25%22%20stop-color%3D%22%2321d789%22%2F%3E%3Cstop%20offset%3D%2249%25%22%20stop-color%3D%22%2359a3b2%22%2F%3E%3Cstop%20offset%3D%2277%25%22%20stop-color%3D%22%23b74af7%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ff45ed%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGdb8Zxebq)%22%20d%3D%22m239.68%2039.787l16.32%20104.8l-30.16%2017.546z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGOgt5dhQ)%22%20d%3D%22M239.68%2039.787L148.027%200l-25.574%2021.227z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG4RfsVdOI)%22%20d%3D%22M172.987%20256L30.773%20142.693l-28.56%2085.894z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGZGFS0drK)%22%20d%3D%22M192.8%20184.4L0%20118.16L172.987%20256z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGa1axsdMd)%22%20d%3D%22M0%201.813V118.16l222.16%2076.347l17.52-154.72z%22%2F%3E%3Cpath%20d%3D%22M48%2047.68h160v160H48z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.24%2068.48h25.84c20.592%200%2034.911%2014.009%2035.196%2032.375l.004.745c0%2018.667-14.4%2033.12-35.2%2033.12H64.24zM78.8%2081.627v40h11.28a18.88%2018.88%200%200%200%2019.947-19.787v-.24A19.013%2019.013%200%200%200%2090.08%2081.627zm49.067%2020.16v-.187a34%2034%200%200%201%2034.666-34.267a36.35%2036.35%200%200%201%2026.027%209.094l-9.173%2011.066a24.48%2024.48%200%200%200-16.848-6.724l-.459.004c-10.554%200-18.863%209.19-19.037%2020.286l-.003.541c0%2012.107%208.347%2021.013%2020.08%2021.013a23.28%2023.28%200%200%200%2013.76-3.946v-9.494h-14.667V96.587h28.774v28.773a42.9%2042.9%200%200%201-28.294%2010.507c-20.64%200-34.826-14.534-34.826-34.08M62.72%20177.653h60v10h-60z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/datagrip.svg?color=%231a73e8&size=48
