positron logo

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

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

Use the positron logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><rect width="128" height="128" fill="#3a78b1" rx="31.692" ry="31.692"/><path fill="#fff" d="M74.123 90.646a14.77 14.77 0 0 1-14.77 14.77a14.77 14.77 0 0 1-14.768-14.77a14.77 14.77 0 0 1 14.769-14.77a14.77 14.77 0 0 1 14.77 14.77Zm-52.092 20.616V56.308c0-19.385 16.123-44.216 43.907-44.216c27.785 0 44.339 21.446 44.339 43.416c0 37.723-35.877 44.03-35.877 44.03s2.215-3.538 2.215-9.076s-2.461-8.616-2.461-8.616s18.461-4.923 18.461-26.77c0-21.845-16.307-25.538-26.461-25.538c-17.539 0-27.17 14.924-27.17 25.939v55.97c0 7.968-5.384 7.353-5.384 7.353h-5.908s-5.661 0-5.661-7.508z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconPositron(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><rect width="128" height="128" fill="#3a78b1" rx="31.692" ry="31.692"/><path fill="#fff" d="M74.123 90.646a14.77 14.77 0 0 1-14.77 14.77a14.77 14.77 0 0 1-14.768-14.77a14.77 14.77 0 0 1 14.769-14.77a14.77 14.77 0 0 1 14.77 14.77Zm-52.092 20.616V56.308c0-19.385 16.123-44.216 43.907-44.216c27.785 0 44.339 21.446 44.339 43.416c0 37.723-35.877 44.03-35.877 44.03s2.215-3.538 2.215-9.076s-2.461-8.616-2.461-8.616s18.461-4.923 18.461-26.77c0-21.845-16.307-25.538-26.461-25.538c-17.539 0-27.17 14.924-27.17 25.939v55.97c0 7.968-5.384 7.353-5.384 7.353h-5.908s-5.661 0-5.661-7.508z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><rect width="128" height="128" fill="#3a78b1" rx="31.692" ry="31.692"/><path fill="#fff" d="M74.123 90.646a14.77 14.77 0 0 1-14.77 14.77a14.77 14.77 0 0 1-14.768-14.77a14.77 14.77 0 0 1 14.769-14.77a14.77 14.77 0 0 1 14.77 14.77Zm-52.092 20.616V56.308c0-19.385 16.123-44.216 43.907-44.216c27.785 0 44.339 21.446 44.339 43.416c0 37.723-35.877 44.03-35.877 44.03s2.215-3.538 2.215-9.076s-2.461-8.616-2.461-8.616s18.461-4.923 18.461-26.77c0-21.845-16.307-25.538-26.461-25.538c-17.539 0-27.17 14.924-27.17 25.939v55.97c0 7.968-5.384 7.353-5.384 7.353h-5.908s-5.661 0-5.661-7.508z"/></svg>
</template>

CSS

.icon-positron {
  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%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22%233a78b1%22%20rx%3D%2231.692%22%20ry%3D%2231.692%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M74.123%2090.646a14.77%2014.77%200%200%201-14.77%2014.77a14.77%2014.77%200%200%201-14.768-14.77a14.77%2014.77%200%200%201%2014.769-14.77a14.77%2014.77%200%200%201%2014.77%2014.77Zm-52.092%2020.616V56.308c0-19.385%2016.123-44.216%2043.907-44.216c27.785%200%2044.339%2021.446%2044.339%2043.416c0%2037.723-35.877%2044.03-35.877%2044.03s2.215-3.538%202.215-9.076s-2.461-8.616-2.461-8.616s18.461-4.923%2018.461-26.77c0-21.845-16.307-25.538-26.461-25.538c-17.539%200-27.17%2014.924-27.17%2025.939v55.97c0%207.968-5.384%207.353-5.384%207.353h-5.908s-5.661%200-5.661-7.508z%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%3Crect%20width%3D%22128%22%20height%3D%22128%22%20fill%3D%22%233a78b1%22%20rx%3D%2231.692%22%20ry%3D%2231.692%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M74.123%2090.646a14.77%2014.77%200%200%201-14.77%2014.77a14.77%2014.77%200%200%201-14.768-14.77a14.77%2014.77%200%200%201%2014.769-14.77a14.77%2014.77%200%200%201%2014.77%2014.77Zm-52.092%2020.616V56.308c0-19.385%2016.123-44.216%2043.907-44.216c27.785%200%2044.339%2021.446%2044.339%2043.416c0%2037.723-35.877%2044.03-35.877%2044.03s2.215-3.538%202.215-9.076s-2.461-8.616-2.461-8.616s18.461-4.923%2018.461-26.77c0-21.845-16.307-25.538-26.461-25.538c-17.539%200-27.17%2014.924-27.17%2025.939v55.97c0%207.968-5.384%207.353-5.384%207.353h-5.908s-5.661%200-5.661-7.508z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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