plasmic logo

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

Name
plasmic
Set
SVG Logos
Style
Color
Viewbox
256×137
License
CC0

Use the plasmic logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 137"><path fill="#0091ff" d="M256 120.555C252.034 53.306 196.248 0 128 0C59.76 0 3.966 53.306 0 120.555c.23 2.897.7 5.034 1.641 6.88a17.1 17.1 0 0 0 7.471 7.472c3.437 1.752 7.865 1.855 16.31 1.863v-8.548c0-56.648 45.93-102.578 102.578-102.578s102.578 45.93 102.578 102.578v8.548c8.445 0 12.873-.11 16.31-1.863a17.1 17.1 0 0 0 7.47-7.471c.941-1.847 1.411-3.984 1.642-6.881"/><path fill="#46a758" d="M128 59.837c-37.768 0-68.385 30.617-68.385 68.385v8.548H33.97v-8.548c0-51.93 42.1-94.03 94.03-94.03s94.03 42.1 94.03 94.03v8.548h-25.645v-8.548c0-37.768-30.617-68.385-68.385-68.385"/><path fill="#e54d2e" d="M187.837 136.77v-8.548c0-33.047-26.79-59.837-59.837-59.837s-59.837 26.79-59.837 59.837v8.548h17.096a8.55 8.55 0 0 0 8.548-8.548c0-18.884 15.309-34.192 34.193-34.192s34.193 15.308 34.193 34.192a8.55 8.55 0 0 0 8.548 8.548z"/></svg>

React

import type { SVGProps } from "react";

export function LogosPlasmic(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 137"><path fill="#0091ff" d="M256 120.555C252.034 53.306 196.248 0 128 0C59.76 0 3.966 53.306 0 120.555c.23 2.897.7 5.034 1.641 6.88a17.1 17.1 0 0 0 7.471 7.472c3.437 1.752 7.865 1.855 16.31 1.863v-8.548c0-56.648 45.93-102.578 102.578-102.578s102.578 45.93 102.578 102.578v8.548c8.445 0 12.873-.11 16.31-1.863a17.1 17.1 0 0 0 7.47-7.471c.941-1.847 1.411-3.984 1.642-6.881"/><path fill="#46a758" d="M128 59.837c-37.768 0-68.385 30.617-68.385 68.385v8.548H33.97v-8.548c0-51.93 42.1-94.03 94.03-94.03s94.03 42.1 94.03 94.03v8.548h-25.645v-8.548c0-37.768-30.617-68.385-68.385-68.385"/><path fill="#e54d2e" d="M187.837 136.77v-8.548c0-33.047-26.79-59.837-59.837-59.837s-59.837 26.79-59.837 59.837v8.548h17.096a8.55 8.55 0 0 0 8.548-8.548c0-18.884 15.309-34.192 34.193-34.192s34.193 15.308 34.193 34.192a8.55 8.55 0 0 0 8.548 8.548z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 137"><path fill="#0091ff" d="M256 120.555C252.034 53.306 196.248 0 128 0C59.76 0 3.966 53.306 0 120.555c.23 2.897.7 5.034 1.641 6.88a17.1 17.1 0 0 0 7.471 7.472c3.437 1.752 7.865 1.855 16.31 1.863v-8.548c0-56.648 45.93-102.578 102.578-102.578s102.578 45.93 102.578 102.578v8.548c8.445 0 12.873-.11 16.31-1.863a17.1 17.1 0 0 0 7.47-7.471c.941-1.847 1.411-3.984 1.642-6.881"/><path fill="#46a758" d="M128 59.837c-37.768 0-68.385 30.617-68.385 68.385v8.548H33.97v-8.548c0-51.93 42.1-94.03 94.03-94.03s94.03 42.1 94.03 94.03v8.548h-25.645v-8.548c0-37.768-30.617-68.385-68.385-68.385"/><path fill="#e54d2e" d="M187.837 136.77v-8.548c0-33.047-26.79-59.837-59.837-59.837s-59.837 26.79-59.837 59.837v8.548h17.096a8.55 8.55 0 0 0 8.548-8.548c0-18.884 15.309-34.192 34.193-34.192s34.193 15.308 34.193 34.192a8.55 8.55 0 0 0 8.548 8.548z"/></svg>
</template>

CSS

.icon-plasmic {
  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%20137%22%3E%3Cpath%20fill%3D%22%230091ff%22%20d%3D%22M256%20120.555C252.034%2053.306%20196.248%200%20128%200C59.76%200%203.966%2053.306%200%20120.555c.23%202.897.7%205.034%201.641%206.88a17.1%2017.1%200%200%200%207.471%207.472c3.437%201.752%207.865%201.855%2016.31%201.863v-8.548c0-56.648%2045.93-102.578%20102.578-102.578s102.578%2045.93%20102.578%20102.578v8.548c8.445%200%2012.873-.11%2016.31-1.863a17.1%2017.1%200%200%200%207.47-7.471c.941-1.847%201.411-3.984%201.642-6.881%22%2F%3E%3Cpath%20fill%3D%22%2346a758%22%20d%3D%22M128%2059.837c-37.768%200-68.385%2030.617-68.385%2068.385v8.548H33.97v-8.548c0-51.93%2042.1-94.03%2094.03-94.03s94.03%2042.1%2094.03%2094.03v8.548h-25.645v-8.548c0-37.768-30.617-68.385-68.385-68.385%22%2F%3E%3Cpath%20fill%3D%22%23e54d2e%22%20d%3D%22M187.837%20136.77v-8.548c0-33.047-26.79-59.837-59.837-59.837s-59.837%2026.79-59.837%2059.837v8.548h17.096a8.55%208.55%200%200%200%208.548-8.548c0-18.884%2015.309-34.192%2034.193-34.192s34.193%2015.308%2034.193%2034.192a8.55%208.55%200%200%200%208.548%208.548z%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%20137%22%3E%3Cpath%20fill%3D%22%230091ff%22%20d%3D%22M256%20120.555C252.034%2053.306%20196.248%200%20128%200C59.76%200%203.966%2053.306%200%20120.555c.23%202.897.7%205.034%201.641%206.88a17.1%2017.1%200%200%200%207.471%207.472c3.437%201.752%207.865%201.855%2016.31%201.863v-8.548c0-56.648%2045.93-102.578%20102.578-102.578s102.578%2045.93%20102.578%20102.578v8.548c8.445%200%2012.873-.11%2016.31-1.863a17.1%2017.1%200%200%200%207.47-7.471c.941-1.847%201.411-3.984%201.642-6.881%22%2F%3E%3Cpath%20fill%3D%22%2346a758%22%20d%3D%22M128%2059.837c-37.768%200-68.385%2030.617-68.385%2068.385v8.548H33.97v-8.548c0-51.93%2042.1-94.03%2094.03-94.03s94.03%2042.1%2094.03%2094.03v8.548h-25.645v-8.548c0-37.768-30.617-68.385-68.385-68.385%22%2F%3E%3Cpath%20fill%3D%22%23e54d2e%22%20d%3D%22M187.837%20136.77v-8.548c0-33.047-26.79-59.837-59.837-59.837s-59.837%2026.79-59.837%2059.837v8.548h17.096a8.55%208.55%200%200%200%208.548-8.548c0-18.884%2015.309-34.192%2034.193-34.192s34.193%2015.308%2034.193%2034.192a8.55%208.55%200%200%200%208.548%208.548z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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