devin logo

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

Name
devin
Set
SVG Logos
Style
Color
Viewbox
256×294
License
CC0

Use the devin logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 294"><path d="M0 98.574v-60.74a7.47 7.47 0 0 1 3.736-6.47L56.324 1a7.47 7.47 0 0 1 7.473 0l52.588 30.362a7.47 7.47 0 0 1 3.736 6.47v31.021c.23 10.309 5.678 20.25 15.26 25.783c9.582 5.531 20.916 5.278 29.959.324l26.864-15.51a7.47 7.47 0 0 1 7.472 0l52.589 30.362a7.47 7.47 0 0 1 3.735 6.47v60.725a7.47 7.47 0 0 1-3.735 6.471l-52.59 30.362a7.47 7.47 0 0 1-7.47 0l-26.648-15.385c-9.077-5.069-20.515-5.372-30.173.204c-9.582 5.532-15.03 15.474-15.26 25.782v31.011a7.47 7.47 0 0 1-3.737 6.471L63.8 292.286a7.47 7.47 0 0 1-7.472 0L3.739 261.924A7.48 7.48 0 0 1 0 255.454V194.73a7.48 7.48 0 0 1 3.739-6.471l52.588-30.362a7.47 7.47 0 0 1 7.472 0l26.926 15.545c9.031 4.92 20.333 5.159 29.892-.36c9.658-5.576 15.114-15.633 15.262-26.029c-.23-10.308-5.678-21.315-15.26-26.847s-20.916-5.28-29.958-.325l-26.988 15.67a7.47 7.47 0 0 1-7.509-.004l-52.45-30.514A7.47 7.47 0 0 1 0 98.574"/></svg>

React

import type { SVGProps } from "react";

export function LogosDevin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 294"><path d="M0 98.574v-60.74a7.47 7.47 0 0 1 3.736-6.47L56.324 1a7.47 7.47 0 0 1 7.473 0l52.588 30.362a7.47 7.47 0 0 1 3.736 6.47v31.021c.23 10.309 5.678 20.25 15.26 25.783c9.582 5.531 20.916 5.278 29.959.324l26.864-15.51a7.47 7.47 0 0 1 7.472 0l52.589 30.362a7.47 7.47 0 0 1 3.735 6.47v60.725a7.47 7.47 0 0 1-3.735 6.471l-52.59 30.362a7.47 7.47 0 0 1-7.47 0l-26.648-15.385c-9.077-5.069-20.515-5.372-30.173.204c-9.582 5.532-15.03 15.474-15.26 25.782v31.011a7.47 7.47 0 0 1-3.737 6.471L63.8 292.286a7.47 7.47 0 0 1-7.472 0L3.739 261.924A7.48 7.48 0 0 1 0 255.454V194.73a7.48 7.48 0 0 1 3.739-6.471l52.588-30.362a7.47 7.47 0 0 1 7.472 0l26.926 15.545c9.031 4.92 20.333 5.159 29.892-.36c9.658-5.576 15.114-15.633 15.262-26.029c-.23-10.308-5.678-21.315-15.26-26.847s-20.916-5.28-29.958-.325l-26.988 15.67a7.47 7.47 0 0 1-7.509-.004l-52.45-30.514A7.47 7.47 0 0 1 0 98.574"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 294"><path d="M0 98.574v-60.74a7.47 7.47 0 0 1 3.736-6.47L56.324 1a7.47 7.47 0 0 1 7.473 0l52.588 30.362a7.47 7.47 0 0 1 3.736 6.47v31.021c.23 10.309 5.678 20.25 15.26 25.783c9.582 5.531 20.916 5.278 29.959.324l26.864-15.51a7.47 7.47 0 0 1 7.472 0l52.589 30.362a7.47 7.47 0 0 1 3.735 6.47v60.725a7.47 7.47 0 0 1-3.735 6.471l-52.59 30.362a7.47 7.47 0 0 1-7.47 0l-26.648-15.385c-9.077-5.069-20.515-5.372-30.173.204c-9.582 5.532-15.03 15.474-15.26 25.782v31.011a7.47 7.47 0 0 1-3.737 6.471L63.8 292.286a7.47 7.47 0 0 1-7.472 0L3.739 261.924A7.48 7.48 0 0 1 0 255.454V194.73a7.48 7.48 0 0 1 3.739-6.471l52.588-30.362a7.47 7.47 0 0 1 7.472 0l26.926 15.545c9.031 4.92 20.333 5.159 29.892-.36c9.658-5.576 15.114-15.633 15.262-26.029c-.23-10.308-5.678-21.315-15.26-26.847s-20.916-5.28-29.958-.325l-26.988 15.67a7.47 7.47 0 0 1-7.509-.004l-52.45-30.514A7.47 7.47 0 0 1 0 98.574"/></svg>
</template>

CSS

.icon-devin {
  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%20294%22%3E%3Cpath%20d%3D%22M0%2098.574v-60.74a7.47%207.47%200%200%201%203.736-6.47L56.324%201a7.47%207.47%200%200%201%207.473%200l52.588%2030.362a7.47%207.47%200%200%201%203.736%206.47v31.021c.23%2010.309%205.678%2020.25%2015.26%2025.783c9.582%205.531%2020.916%205.278%2029.959.324l26.864-15.51a7.47%207.47%200%200%201%207.472%200l52.589%2030.362a7.47%207.47%200%200%201%203.735%206.47v60.725a7.47%207.47%200%200%201-3.735%206.471l-52.59%2030.362a7.47%207.47%200%200%201-7.47%200l-26.648-15.385c-9.077-5.069-20.515-5.372-30.173.204c-9.582%205.532-15.03%2015.474-15.26%2025.782v31.011a7.47%207.47%200%200%201-3.737%206.471L63.8%20292.286a7.47%207.47%200%200%201-7.472%200L3.739%20261.924A7.48%207.48%200%200%201%200%20255.454V194.73a7.48%207.48%200%200%201%203.739-6.471l52.588-30.362a7.47%207.47%200%200%201%207.472%200l26.926%2015.545c9.031%204.92%2020.333%205.159%2029.892-.36c9.658-5.576%2015.114-15.633%2015.262-26.029c-.23-10.308-5.678-21.315-15.26-26.847s-20.916-5.28-29.958-.325l-26.988%2015.67a7.47%207.47%200%200%201-7.509-.004l-52.45-30.514A7.47%207.47%200%200%201%200%2098.574%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%20294%22%3E%3Cpath%20d%3D%22M0%2098.574v-60.74a7.47%207.47%200%200%201%203.736-6.47L56.324%201a7.47%207.47%200%200%201%207.473%200l52.588%2030.362a7.47%207.47%200%200%201%203.736%206.47v31.021c.23%2010.309%205.678%2020.25%2015.26%2025.783c9.582%205.531%2020.916%205.278%2029.959.324l26.864-15.51a7.47%207.47%200%200%201%207.472%200l52.589%2030.362a7.47%207.47%200%200%201%203.735%206.47v60.725a7.47%207.47%200%200%201-3.735%206.471l-52.59%2030.362a7.47%207.47%200%200%201-7.47%200l-26.648-15.385c-9.077-5.069-20.515-5.372-30.173.204c-9.582%205.532-15.03%2015.474-15.26%2025.782v31.011a7.47%207.47%200%200%201-3.737%206.471L63.8%20292.286a7.47%207.47%200%200%201-7.472%200L3.739%20261.924A7.48%207.48%200%200%201%200%20255.454V194.73a7.48%207.48%200%200%201%203.739-6.471l52.588-30.362a7.47%207.47%200%200%201%207.472%200l26.926%2015.545c9.031%204.92%2020.333%205.159%2029.892-.36c9.658-5.576%2015.114-15.633%2015.262-26.029c-.23-10.308-5.678-21.315-15.26-26.847s-20.916-5.28-29.958-.325l-26.988%2015.67a7.47%207.47%200%200%201-7.509-.004l-52.45-30.514A7.47%207.47%200%200%201%200%2098.574%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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