datagrip logo
datagrip from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- datagrip
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
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 128 128"><defs><linearGradient id="SVGQEvd6cWO" x1="59.778" x2="1.073" y1="3.982" y2="62.687" gradientTransform="translate(0 44.972)scale(.4862)" gradientUnits="userSpaceOnUse"><stop offset=".28" stop-color="#7256ff"/><stop offset=".66" stop-color="#00d980"/></linearGradient><linearGradient id="SVGAblCRdvR" x1="64.718" x2="39.477" y1="56.379" y2="1.939" gradientTransform="translate(0 44.972)scale(.4862)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#ff43f2"/><stop offset=".54" stop-color="#7256ff"/></linearGradient></defs><path fill="url(#SVGQEvd6cWO)" d="M1.98 76.09h16.516a1.98 1.98 0 0 0 1.82-1.2l7.812-18.229c.106-.246.16-.512.16-.78v-8.928a1.98 1.98 0 0 0-1.98-1.98h-8.735a2 2 0 0 0-1.1.333L.884 55.712A1.98 1.98 0 0 0 0 57.359v16.75a1.98 1.98 0 0 0 1.98 1.98z" transform="translate(-.001 -184.994)scale(4.1135)"/><path fill="url(#SVGAblCRdvR)" d="M24.058 73.26h5.08a1.98 1.98 0 0 0 1.98-1.98v-6.365q0-.14-.02-.28l-2.566-17.962a1.98 1.98 0 0 0-1.96-1.7H18.95a1.98 1.98 0 0 0-1.98 1.98l.002 9.014c0 .212.034.424.102.625l5.105 15.315a1.98 1.98 0 0 0 1.878 1.354z" transform="translate(-.001 -184.994)scale(4.1135)"/><path fill="#ff43f2" d="m96.104 116.367l23.75-.003A8.144 8.144 0 0 0 128 108.22V85.206a8.15 8.15 0 0 0-2.844-6.185L48.832 13.6a8.15 8.15 0 0 0-5.301-1.96H19.78a8.145 8.145 0 0 0-8.146 8.145v23.017a8.15 8.15 0 0 0 2.844 6.185l76.32 65.418a8.15 8.15 0 0 0 5.304 1.96z"/><path d="M104 24H24v80h80z"/><path fill="#fff" d="M78.519 34.219q-4.342-.001-7.863 2.05q-3.523 2.031-5.531 5.618q-2.011 3.564-2.012 7.972q.002 4.408 2.012 7.993a14.8 14.8 0 0 0 5.53 5.617q3.523 2.03 7.864 2.031q4.168 0 7.516-1.86q3.37-1.858 5.293-5.077q1.944-3.239 1.945-7.235V48.95H80.46v4.645h7.036a6.6 6.6 0 0 1-1.223 3.07q-1.188 1.642-3.219 2.57q-2.009.93-4.492.93q-2.679 0-4.84-1.34q-2.16-1.339-3.39-3.672q-1.21-2.354-1.211-5.293q0-2.937 1.21-5.269q1.233-2.355 3.391-3.695q2.16-1.34 4.84-1.34q1.815 0 3.39.582a8.1 8.1 0 0 1 2.743 1.621a7.7 7.7 0 0 1 1.883 2.465h6.304a12.8 12.8 0 0 0-2.87-5.23q-2.032-2.27-5.013-3.52q-2.959-1.253-6.48-1.254Zm-44.53.516V64.98h11.515q4.297 0 7.687-1.945a13.9 13.9 0 0 0 5.336-5.379q1.922-3.455 1.922-7.797q0-4.34-1.922-7.777q-1.922-3.457-5.336-5.402q-3.39-1.945-7.687-1.945zm5.897 5.101h5.551q2.7-.002 4.73 1.207q2.032 1.211 3.133 3.48q1.102 2.248 1.102 5.336T53.3 55.215q-1.102 2.247-3.132 3.457t-4.73 1.21h-5.552Zm-5.898 48.172v6h32v-6Z"/></svg>
React
import type { SVGProps } from "react";
export function DeviconDatagrip(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="SVGQEvd6cWO" x1="59.778" x2="1.073" y1="3.982" y2="62.687" gradientTransform="translate(0 44.972)scale(.4862)" gradientUnits="userSpaceOnUse"><stop offset=".28" stopColor="#7256ff"/><stop offset=".66" stopColor="#00d980"/></linearGradient><linearGradient id="SVGAblCRdvR" x1="64.718" x2="39.477" y1="56.379" y2="1.939" gradientTransform="translate(0 44.972)scale(.4862)" gradientUnits="userSpaceOnUse"><stop offset=".3" stopColor="#ff43f2"/><stop offset=".54" stopColor="#7256ff"/></linearGradient></defs><path fill="url(#SVGQEvd6cWO)" d="M1.98 76.09h16.516a1.98 1.98 0 0 0 1.82-1.2l7.812-18.229c.106-.246.16-.512.16-.78v-8.928a1.98 1.98 0 0 0-1.98-1.98h-8.735a2 2 0 0 0-1.1.333L.884 55.712A1.98 1.98 0 0 0 0 57.359v16.75a1.98 1.98 0 0 0 1.98 1.98z" transform="translate(-.001 -184.994)scale(4.1135)"/><path fill="url(#SVGAblCRdvR)" d="M24.058 73.26h5.08a1.98 1.98 0 0 0 1.98-1.98v-6.365q0-.14-.02-.28l-2.566-17.962a1.98 1.98 0 0 0-1.96-1.7H18.95a1.98 1.98 0 0 0-1.98 1.98l.002 9.014c0 .212.034.424.102.625l5.105 15.315a1.98 1.98 0 0 0 1.878 1.354z" transform="translate(-.001 -184.994)scale(4.1135)"/><path fill="#ff43f2" d="m96.104 116.367l23.75-.003A8.144 8.144 0 0 0 128 108.22V85.206a8.15 8.15 0 0 0-2.844-6.185L48.832 13.6a8.15 8.15 0 0 0-5.301-1.96H19.78a8.145 8.145 0 0 0-8.146 8.145v23.017a8.15 8.15 0 0 0 2.844 6.185l76.32 65.418a8.15 8.15 0 0 0 5.304 1.96z"/><path d="M104 24H24v80h80z"/><path fill="#fff" d="M78.519 34.219q-4.342-.001-7.863 2.05q-3.523 2.031-5.531 5.618q-2.011 3.564-2.012 7.972q.002 4.408 2.012 7.993a14.8 14.8 0 0 0 5.53 5.617q3.523 2.03 7.864 2.031q4.168 0 7.516-1.86q3.37-1.858 5.293-5.077q1.944-3.239 1.945-7.235V48.95H80.46v4.645h7.036a6.6 6.6 0 0 1-1.223 3.07q-1.188 1.642-3.219 2.57q-2.009.93-4.492.93q-2.679 0-4.84-1.34q-2.16-1.339-3.39-3.672q-1.21-2.354-1.211-5.293q0-2.937 1.21-5.269q1.233-2.355 3.391-3.695q2.16-1.34 4.84-1.34q1.815 0 3.39.582a8.1 8.1 0 0 1 2.743 1.621a7.7 7.7 0 0 1 1.883 2.465h6.304a12.8 12.8 0 0 0-2.87-5.23q-2.032-2.27-5.013-3.52q-2.959-1.253-6.48-1.254Zm-44.53.516V64.98h11.515q4.297 0 7.687-1.945a13.9 13.9 0 0 0 5.336-5.379q1.922-3.455 1.922-7.797q0-4.34-1.922-7.777q-1.922-3.457-5.336-5.402q-3.39-1.945-7.687-1.945zm5.897 5.101h5.551q2.7-.002 4.73 1.207q2.032 1.211 3.133 3.48q1.102 2.248 1.102 5.336T53.3 55.215q-1.102 2.247-3.132 3.457t-4.73 1.21h-5.552Zm-5.898 48.172v6h32v-6Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVGQEvd6cWO" x1="59.778" x2="1.073" y1="3.982" y2="62.687" gradientTransform="translate(0 44.972)scale(.4862)" gradientUnits="userSpaceOnUse"><stop offset=".28" stop-color="#7256ff"/><stop offset=".66" stop-color="#00d980"/></linearGradient><linearGradient id="SVGAblCRdvR" x1="64.718" x2="39.477" y1="56.379" y2="1.939" gradientTransform="translate(0 44.972)scale(.4862)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#ff43f2"/><stop offset=".54" stop-color="#7256ff"/></linearGradient></defs><path fill="url(#SVGQEvd6cWO)" d="M1.98 76.09h16.516a1.98 1.98 0 0 0 1.82-1.2l7.812-18.229c.106-.246.16-.512.16-.78v-8.928a1.98 1.98 0 0 0-1.98-1.98h-8.735a2 2 0 0 0-1.1.333L.884 55.712A1.98 1.98 0 0 0 0 57.359v16.75a1.98 1.98 0 0 0 1.98 1.98z" transform="translate(-.001 -184.994)scale(4.1135)"/><path fill="url(#SVGAblCRdvR)" d="M24.058 73.26h5.08a1.98 1.98 0 0 0 1.98-1.98v-6.365q0-.14-.02-.28l-2.566-17.962a1.98 1.98 0 0 0-1.96-1.7H18.95a1.98 1.98 0 0 0-1.98 1.98l.002 9.014c0 .212.034.424.102.625l5.105 15.315a1.98 1.98 0 0 0 1.878 1.354z" transform="translate(-.001 -184.994)scale(4.1135)"/><path fill="#ff43f2" d="m96.104 116.367l23.75-.003A8.144 8.144 0 0 0 128 108.22V85.206a8.15 8.15 0 0 0-2.844-6.185L48.832 13.6a8.15 8.15 0 0 0-5.301-1.96H19.78a8.145 8.145 0 0 0-8.146 8.145v23.017a8.15 8.15 0 0 0 2.844 6.185l76.32 65.418a8.15 8.15 0 0 0 5.304 1.96z"/><path d="M104 24H24v80h80z"/><path fill="#fff" d="M78.519 34.219q-4.342-.001-7.863 2.05q-3.523 2.031-5.531 5.618q-2.011 3.564-2.012 7.972q.002 4.408 2.012 7.993a14.8 14.8 0 0 0 5.53 5.617q3.523 2.03 7.864 2.031q4.168 0 7.516-1.86q3.37-1.858 5.293-5.077q1.944-3.239 1.945-7.235V48.95H80.46v4.645h7.036a6.6 6.6 0 0 1-1.223 3.07q-1.188 1.642-3.219 2.57q-2.009.93-4.492.93q-2.679 0-4.84-1.34q-2.16-1.339-3.39-3.672q-1.21-2.354-1.211-5.293q0-2.937 1.21-5.269q1.233-2.355 3.391-3.695q2.16-1.34 4.84-1.34q1.815 0 3.39.582a8.1 8.1 0 0 1 2.743 1.621a7.7 7.7 0 0 1 1.883 2.465h6.304a12.8 12.8 0 0 0-2.87-5.23q-2.032-2.27-5.013-3.52q-2.959-1.253-6.48-1.254Zm-44.53.516V64.98h11.515q4.297 0 7.687-1.945a13.9 13.9 0 0 0 5.336-5.379q1.922-3.455 1.922-7.797q0-4.34-1.922-7.777q-1.922-3.457-5.336-5.402q-3.39-1.945-7.687-1.945zm5.897 5.101h5.551q2.7-.002 4.73 1.207q2.032 1.211 3.133 3.48q1.102 2.248 1.102 5.336T53.3 55.215q-1.102 2.247-3.132 3.457t-4.73 1.21h-5.552Zm-5.898 48.172v6h32v-6Z"/></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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGQEvd6cWO%22%20x1%3D%2259.778%22%20x2%3D%221.073%22%20y1%3D%223.982%22%20y2%3D%2262.687%22%20gradientTransform%3D%22translate(0%2044.972)scale(.4862)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%237256ff%22%2F%3E%3Cstop%20offset%3D%22.66%22%20stop-color%3D%22%2300d980%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAblCRdvR%22%20x1%3D%2264.718%22%20x2%3D%2239.477%22%20y1%3D%2256.379%22%20y2%3D%221.939%22%20gradientTransform%3D%22translate(0%2044.972)scale(.4862)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23ff43f2%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%237256ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGQEvd6cWO)%22%20d%3D%22M1.98%2076.09h16.516a1.98%201.98%200%200%200%201.82-1.2l7.812-18.229c.106-.246.16-.512.16-.78v-8.928a1.98%201.98%200%200%200-1.98-1.98h-8.735a2%202%200%200%200-1.1.333L.884%2055.712A1.98%201.98%200%200%200%200%2057.359v16.75a1.98%201.98%200%200%200%201.98%201.98z%22%20transform%3D%22translate(-.001%20-184.994)scale(4.1135)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAblCRdvR)%22%20d%3D%22M24.058%2073.26h5.08a1.98%201.98%200%200%200%201.98-1.98v-6.365q0-.14-.02-.28l-2.566-17.962a1.98%201.98%200%200%200-1.96-1.7H18.95a1.98%201.98%200%200%200-1.98%201.98l.002%209.014c0%20.212.034.424.102.625l5.105%2015.315a1.98%201.98%200%200%200%201.878%201.354z%22%20transform%3D%22translate(-.001%20-184.994)scale(4.1135)%22%2F%3E%3Cpath%20fill%3D%22%23ff43f2%22%20d%3D%22m96.104%20116.367l23.75-.003A8.144%208.144%200%200%200%20128%20108.22V85.206a8.15%208.15%200%200%200-2.844-6.185L48.832%2013.6a8.15%208.15%200%200%200-5.301-1.96H19.78a8.145%208.145%200%200%200-8.146%208.145v23.017a8.15%208.15%200%200%200%202.844%206.185l76.32%2065.418a8.15%208.15%200%200%200%205.304%201.96z%22%2F%3E%3Cpath%20d%3D%22M104%2024H24v80h80z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M78.519%2034.219q-4.342-.001-7.863%202.05q-3.523%202.031-5.531%205.618q-2.011%203.564-2.012%207.972q.002%204.408%202.012%207.993a14.8%2014.8%200%200%200%205.53%205.617q3.523%202.03%207.864%202.031q4.168%200%207.516-1.86q3.37-1.858%205.293-5.077q1.944-3.239%201.945-7.235V48.95H80.46v4.645h7.036a6.6%206.6%200%200%201-1.223%203.07q-1.188%201.642-3.219%202.57q-2.009.93-4.492.93q-2.679%200-4.84-1.34q-2.16-1.339-3.39-3.672q-1.21-2.354-1.211-5.293q0-2.937%201.21-5.269q1.233-2.355%203.391-3.695q2.16-1.34%204.84-1.34q1.815%200%203.39.582a8.1%208.1%200%200%201%202.743%201.621a7.7%207.7%200%200%201%201.883%202.465h6.304a12.8%2012.8%200%200%200-2.87-5.23q-2.032-2.27-5.013-3.52q-2.959-1.253-6.48-1.254Zm-44.53.516V64.98h11.515q4.297%200%207.687-1.945a13.9%2013.9%200%200%200%205.336-5.379q1.922-3.455%201.922-7.797q0-4.34-1.922-7.777q-1.922-3.457-5.336-5.402q-3.39-1.945-7.687-1.945zm5.897%205.101h5.551q2.7-.002%204.73%201.207q2.032%201.211%203.133%203.48q1.102%202.248%201.102%205.336T53.3%2055.215q-1.102%202.247-3.132%203.457t-4.73%201.21h-5.552Zm-5.898%2048.172v6h32v-6Z%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%22SVGQEvd6cWO%22%20x1%3D%2259.778%22%20x2%3D%221.073%22%20y1%3D%223.982%22%20y2%3D%2262.687%22%20gradientTransform%3D%22translate(0%2044.972)scale(.4862)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%237256ff%22%2F%3E%3Cstop%20offset%3D%22.66%22%20stop-color%3D%22%2300d980%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAblCRdvR%22%20x1%3D%2264.718%22%20x2%3D%2239.477%22%20y1%3D%2256.379%22%20y2%3D%221.939%22%20gradientTransform%3D%22translate(0%2044.972)scale(.4862)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23ff43f2%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%237256ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGQEvd6cWO)%22%20d%3D%22M1.98%2076.09h16.516a1.98%201.98%200%200%200%201.82-1.2l7.812-18.229c.106-.246.16-.512.16-.78v-8.928a1.98%201.98%200%200%200-1.98-1.98h-8.735a2%202%200%200%200-1.1.333L.884%2055.712A1.98%201.98%200%200%200%200%2057.359v16.75a1.98%201.98%200%200%200%201.98%201.98z%22%20transform%3D%22translate(-.001%20-184.994)scale(4.1135)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAblCRdvR)%22%20d%3D%22M24.058%2073.26h5.08a1.98%201.98%200%200%200%201.98-1.98v-6.365q0-.14-.02-.28l-2.566-17.962a1.98%201.98%200%200%200-1.96-1.7H18.95a1.98%201.98%200%200%200-1.98%201.98l.002%209.014c0%20.212.034.424.102.625l5.105%2015.315a1.98%201.98%200%200%200%201.878%201.354z%22%20transform%3D%22translate(-.001%20-184.994)scale(4.1135)%22%2F%3E%3Cpath%20fill%3D%22%23ff43f2%22%20d%3D%22m96.104%20116.367l23.75-.003A8.144%208.144%200%200%200%20128%20108.22V85.206a8.15%208.15%200%200%200-2.844-6.185L48.832%2013.6a8.15%208.15%200%200%200-5.301-1.96H19.78a8.145%208.145%200%200%200-8.146%208.145v23.017a8.15%208.15%200%200%200%202.844%206.185l76.32%2065.418a8.15%208.15%200%200%200%205.304%201.96z%22%2F%3E%3Cpath%20d%3D%22M104%2024H24v80h80z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M78.519%2034.219q-4.342-.001-7.863%202.05q-3.523%202.031-5.531%205.618q-2.011%203.564-2.012%207.972q.002%204.408%202.012%207.993a14.8%2014.8%200%200%200%205.53%205.617q3.523%202.03%207.864%202.031q4.168%200%207.516-1.86q3.37-1.858%205.293-5.077q1.944-3.239%201.945-7.235V48.95H80.46v4.645h7.036a6.6%206.6%200%200%201-1.223%203.07q-1.188%201.642-3.219%202.57q-2.009.93-4.492.93q-2.679%200-4.84-1.34q-2.16-1.339-3.39-3.672q-1.21-2.354-1.211-5.293q0-2.937%201.21-5.269q1.233-2.355%203.391-3.695q2.16-1.34%204.84-1.34q1.815%200%203.39.582a8.1%208.1%200%200%201%202.743%201.621a7.7%207.7%200%200%201%201.883%202.465h6.304a12.8%2012.8%200%200%200-2.87-5.23q-2.032-2.27-5.013-3.52q-2.959-1.253-6.48-1.254Zm-44.53.516V64.98h11.515q4.297%200%207.687-1.945a13.9%2013.9%200%200%200%205.336-5.379q1.922-3.455%201.922-7.797q0-4.34-1.922-7.777q-1.922-3.457-5.336-5.402q-3.39-1.945-7.687-1.945zm5.897%205.101h5.551q2.7-.002%204.73%201.207q2.032%201.211%203.133%203.48q1.102%202.248%201.102%205.336T53.3%2055.215q-1.102%202.247-3.132%203.457t-4.73%201.21h-5.552Zm-5.898%2048.172v6h32v-6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/datagrip.svg?color=%231a73e8&size=48
