typeorm logo

typeorm from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
typeorm
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

1 other variant in Devicon

typeorm-wordmark

The same logo in other sets

typeormSVG LogostypeormSimple Icons

Use the typeorm logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#2a004e" d="M84.297 22.523a2.407 2.407 0 0 1 3.413 0l39.583 39.741a2.43 2.43 0 0 1 0 3.428l-39.586 39.744a2.407 2.407 0 0 1-3.414 0l-39.582-39.74a2.43 2.43 0 0 1 0-3.428z"/><path fill="#f14a00" d="M29.494 65.707a2.42 2.42 0 0 1 0-3.414L62.616 29.04c1.113-1.117.876-2.986-.533-3.692a42.5 42.5 0 0 0-19.084-4.524C19.255 20.824 0 40.156 0 64s19.255 43.176 42.999 43.176a42.5 42.5 0 0 0 19.083-4.526c1.41-.705 1.647-2.574.534-3.691z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconTypeorm(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#2a004e" d="M84.297 22.523a2.407 2.407 0 0 1 3.413 0l39.583 39.741a2.43 2.43 0 0 1 0 3.428l-39.586 39.744a2.407 2.407 0 0 1-3.414 0l-39.582-39.74a2.43 2.43 0 0 1 0-3.428z"/><path fill="#f14a00" d="M29.494 65.707a2.42 2.42 0 0 1 0-3.414L62.616 29.04c1.113-1.117.876-2.986-.533-3.692a42.5 42.5 0 0 0-19.084-4.524C19.255 20.824 0 40.156 0 64s19.255 43.176 42.999 43.176a42.5 42.5 0 0 0 19.083-4.526c1.41-.705 1.647-2.574.534-3.691z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#2a004e" d="M84.297 22.523a2.407 2.407 0 0 1 3.413 0l39.583 39.741a2.43 2.43 0 0 1 0 3.428l-39.586 39.744a2.407 2.407 0 0 1-3.414 0l-39.582-39.74a2.43 2.43 0 0 1 0-3.428z"/><path fill="#f14a00" d="M29.494 65.707a2.42 2.42 0 0 1 0-3.414L62.616 29.04c1.113-1.117.876-2.986-.533-3.692a42.5 42.5 0 0 0-19.084-4.524C19.255 20.824 0 40.156 0 64s19.255 43.176 42.999 43.176a42.5 42.5 0 0 0 19.083-4.526c1.41-.705 1.647-2.574.534-3.691z"/></svg>
</template>

CSS

.icon-typeorm {
  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%3Cpath%20fill%3D%22%232a004e%22%20d%3D%22M84.297%2022.523a2.407%202.407%200%200%201%203.413%200l39.583%2039.741a2.43%202.43%200%200%201%200%203.428l-39.586%2039.744a2.407%202.407%200%200%201-3.414%200l-39.582-39.74a2.43%202.43%200%200%201%200-3.428z%22%2F%3E%3Cpath%20fill%3D%22%23f14a00%22%20d%3D%22M29.494%2065.707a2.42%202.42%200%200%201%200-3.414L62.616%2029.04c1.113-1.117.876-2.986-.533-3.692a42.5%2042.5%200%200%200-19.084-4.524C19.255%2020.824%200%2040.156%200%2064s19.255%2043.176%2042.999%2043.176a42.5%2042.5%200%200%200%2019.083-4.526c1.41-.705%201.647-2.574.534-3.691z%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%3Cpath%20fill%3D%22%232a004e%22%20d%3D%22M84.297%2022.523a2.407%202.407%200%200%201%203.413%200l39.583%2039.741a2.43%202.43%200%200%201%200%203.428l-39.586%2039.744a2.407%202.407%200%200%201-3.414%200l-39.582-39.74a2.43%202.43%200%200%201%200-3.428z%22%2F%3E%3Cpath%20fill%3D%22%23f14a00%22%20d%3D%22M29.494%2065.707a2.42%202.42%200%200%201%200-3.414L62.616%2029.04c1.113-1.117.876-2.986-.533-3.692a42.5%2042.5%200%200%200-19.084-4.524C19.255%2020.824%200%2040.156%200%2064s19.255%2043.176%2042.999%2043.176a42.5%2042.5%200%200%200%2019.083-4.526c1.41-.705%201.647-2.574.534-3.691z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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