devexpress logo

devexpress from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
devexpress
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the devexpress logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.4 0h21.2c.8 0 1.4.6 1.4 1.4v1.1c0 .8-.6 1-.9 1C11.7 4.9 4.2 9.7 0 14.1V1.4C0 .6.6 0 1.4 0m.022 19.567L1.7 19.2C5.3 14.6 12.4 8.3 24 6.3v16.3c0 .8-.6 1.4-1.4 1.4H1.4C.6 24 0 23.4 0 22.6v-.4c0-.3.2-.8.3-.9c.252-.589.646-1.107 1.122-1.733"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsDevexpress(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.4 0h21.2c.8 0 1.4.6 1.4 1.4v1.1c0 .8-.6 1-.9 1C11.7 4.9 4.2 9.7 0 14.1V1.4C0 .6.6 0 1.4 0m.022 19.567L1.7 19.2C5.3 14.6 12.4 8.3 24 6.3v16.3c0 .8-.6 1.4-1.4 1.4H1.4C.6 24 0 23.4 0 22.6v-.4c0-.3.2-.8.3-.9c.252-.589.646-1.107 1.122-1.733"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.4 0h21.2c.8 0 1.4.6 1.4 1.4v1.1c0 .8-.6 1-.9 1C11.7 4.9 4.2 9.7 0 14.1V1.4C0 .6.6 0 1.4 0m.022 19.567L1.7 19.2C5.3 14.6 12.4 8.3 24 6.3v16.3c0 .8-.6 1.4-1.4 1.4H1.4C.6 24 0 23.4 0 22.6v-.4c0-.3.2-.8.3-.9c.252-.589.646-1.107 1.122-1.733"/></svg>
</template>

CSS

.icon-devexpress {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.4%200h21.2c.8%200%201.4.6%201.4%201.4v1.1c0%20.8-.6%201-.9%201C11.7%204.9%204.2%209.7%200%2014.1V1.4C0%20.6.6%200%201.4%200m.022%2019.567L1.7%2019.2C5.3%2014.6%2012.4%208.3%2024%206.3v16.3c0%20.8-.6%201.4-1.4%201.4H1.4C.6%2024%200%2023.4%200%2022.6v-.4c0-.3.2-.8.3-.9c.252-.589.646-1.107%201.122-1.733%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.4%200h21.2c.8%200%201.4.6%201.4%201.4v1.1c0%20.8-.6%201-.9%201C11.7%204.9%204.2%209.7%200%2014.1V1.4C0%20.6.6%200%201.4%200m.022%2019.567L1.7%2019.2C5.3%2014.6%2012.4%208.3%2024%206.3v16.3c0%20.8-.6%201.4-1.4%201.4H1.4C.6%2024%200%2023.4%200%2022.6v-.4c0-.3.2-.8.3-.9c.252-.589.646-1.107%201.122-1.733%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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