xplenty logo

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

Name
xplenty
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the xplenty logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#FFF" d="M128 249.018C61.09 249.018 6.982 194.91 6.982 128S61.09 6.982 128 6.982S249.018 61.091 249.018 128c0 66.91-54.109 121.018-121.018 121.018Z"/><path fill="#3F3F3F" d="M128 14.545c62.836 0 113.455 51.2 113.455 113.455c0 62.255-50.619 113.455-113.455 113.455S14.545 190.836 14.545 128S65.164 14.545 128 14.545ZM128 0C57.018 0 0 57.018 0 128s57.018 128 128 128s128-57.018 128-128S197.818 0 128 0Z"/><path fill="#0AB3E5" d="m74.473 119.273l23.272 18.618l32-52.364l40.728 65.164l22.109-17.455l24.436 36.073c5.818-12.8 10.473-27.927 10.473-42.473c0-55.272-43.636-98.909-98.91-98.909c-55.272 0-100.654 44.8-100.654 98.91c0 17.454 4.655 32 11.637 46.545l34.909-54.11Z"/></svg>

React

import type { SVGProps } from "react";

export function LogosXplenty(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#FFF" d="M128 249.018C61.09 249.018 6.982 194.91 6.982 128S61.09 6.982 128 6.982S249.018 61.091 249.018 128c0 66.91-54.109 121.018-121.018 121.018Z"/><path fill="#3F3F3F" d="M128 14.545c62.836 0 113.455 51.2 113.455 113.455c0 62.255-50.619 113.455-113.455 113.455S14.545 190.836 14.545 128S65.164 14.545 128 14.545ZM128 0C57.018 0 0 57.018 0 128s57.018 128 128 128s128-57.018 128-128S197.818 0 128 0Z"/><path fill="#0AB3E5" d="m74.473 119.273l23.272 18.618l32-52.364l40.728 65.164l22.109-17.455l24.436 36.073c5.818-12.8 10.473-27.927 10.473-42.473c0-55.272-43.636-98.909-98.91-98.909c-55.272 0-100.654 44.8-100.654 98.91c0 17.454 4.655 32 11.637 46.545l34.909-54.11Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#FFF" d="M128 249.018C61.09 249.018 6.982 194.91 6.982 128S61.09 6.982 128 6.982S249.018 61.091 249.018 128c0 66.91-54.109 121.018-121.018 121.018Z"/><path fill="#3F3F3F" d="M128 14.545c62.836 0 113.455 51.2 113.455 113.455c0 62.255-50.619 113.455-113.455 113.455S14.545 190.836 14.545 128S65.164 14.545 128 14.545ZM128 0C57.018 0 0 57.018 0 128s57.018 128 128 128s128-57.018 128-128S197.818 0 128 0Z"/><path fill="#0AB3E5" d="m74.473 119.273l23.272 18.618l32-52.364l40.728 65.164l22.109-17.455l24.436 36.073c5.818-12.8 10.473-27.927 10.473-42.473c0-55.272-43.636-98.909-98.91-98.909c-55.272 0-100.654 44.8-100.654 98.91c0 17.454 4.655 32 11.637 46.545l34.909-54.11Z"/></svg>
</template>

CSS

.icon-xplenty {
  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%20256%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M128%20249.018C61.09%20249.018%206.982%20194.91%206.982%20128S61.09%206.982%20128%206.982S249.018%2061.091%20249.018%20128c0%2066.91-54.109%20121.018-121.018%20121.018Z%22%2F%3E%3Cpath%20fill%3D%22%233F3F3F%22%20d%3D%22M128%2014.545c62.836%200%20113.455%2051.2%20113.455%20113.455c0%2062.255-50.619%20113.455-113.455%20113.455S14.545%20190.836%2014.545%20128S65.164%2014.545%20128%2014.545ZM128%200C57.018%200%200%2057.018%200%20128s57.018%20128%20128%20128s128-57.018%20128-128S197.818%200%20128%200Z%22%2F%3E%3Cpath%20fill%3D%22%230AB3E5%22%20d%3D%22m74.473%20119.273l23.272%2018.618l32-52.364l40.728%2065.164l22.109-17.455l24.436%2036.073c5.818-12.8%2010.473-27.927%2010.473-42.473c0-55.272-43.636-98.909-98.91-98.909c-55.272%200-100.654%2044.8-100.654%2098.91c0%2017.454%204.655%2032%2011.637%2046.545l34.909-54.11Z%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%20256%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M128%20249.018C61.09%20249.018%206.982%20194.91%206.982%20128S61.09%206.982%20128%206.982S249.018%2061.091%20249.018%20128c0%2066.91-54.109%20121.018-121.018%20121.018Z%22%2F%3E%3Cpath%20fill%3D%22%233F3F3F%22%20d%3D%22M128%2014.545c62.836%200%20113.455%2051.2%20113.455%20113.455c0%2062.255-50.619%20113.455-113.455%20113.455S14.545%20190.836%2014.545%20128S65.164%2014.545%20128%2014.545ZM128%200C57.018%200%200%2057.018%200%20128s57.018%20128%20128%20128s128-57.018%20128-128S197.818%200%20128%200Z%22%2F%3E%3Cpath%20fill%3D%22%230AB3E5%22%20d%3D%22m74.473%20119.273l23.272%2018.618l32-52.364l40.728%2065.164l22.109-17.455l24.436%2036.073c5.818-12.8%2010.473-27.927%2010.473-42.473c0-55.272-43.636-98.909-98.91-98.909c-55.272%200-100.654%2044.8-100.654%2098.91c0%2017.454%204.655%2032%2011.637%2046.545l34.909-54.11Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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