susy logo

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

Name
susy
Set
SVG Logos
Style
Color
Viewbox
256×228
License
CC0

Use the susy logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 228"><path fill="#ff0080" d="M0 110.558v-3.22c12.546-10.645 28.043-25.5 39.605-38.127l5.903 3.961c-6.64 11.885-16.234 24.759-25.582 34.415c14.76 18.569 15.497 19.56 25.09 35.406l-5.411 3.962c-5.412-5.694-7.872-8.42-15.498-15.35c-8.855-8.42-7.872-7.182-20.663-18.076zm50.204 57.552l10.51-5.254c19.705 29.88 50.905 50.566 75.865 50.566c23.975 0 41.054-17.075 41.054-41.372c0-23.968-13.795-36.117-53.533-46.952c-47.293-12.806-65.356-30.208-65.356-64.026C58.744 27.252 85.017 0 117.203 0c8.867 0 8.21 0 28.901 6.239c2.955.985 6.897 1.642 8.539 1.642c2.298 0 5.583-.985 8.54-2.299L174.346.001l20.363 56.803l-10.51 6.895c-19.048-31.521-43.352-49.58-66.997-49.58c-20.69 0-36.126 15.432-36.126 36.446c0 20.685 14.122 34.148 43.351 41.7c14.123 3.612 24.303 6.567 29.23 7.88c29.558 8.864 47.293 32.178 47.293 61.4c0 37.103-28.572 65.997-64.699 65.997c-11.166 0-16.75-1.313-30.543-7.552c-5.911-2.627-9.524-3.611-11.823-3.611c-3.284 0-5.583.985-9.524 3.283l-12.48 7.88zm161.025-25.116c9.594-16.094 10.086-16.836 24.846-35.406c-9.348-9.657-18.942-22.53-25.583-34.416l6.148-3.961c11.317 12.627 26.322 26.987 39.36 38.128v3.22l-12.546 10.398c-4.674 3.962-18.203 16.837-27.059 25.998z"/></svg>

React

import type { SVGProps } from "react";

export function LogosSusy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 228"><path fill="#ff0080" d="M0 110.558v-3.22c12.546-10.645 28.043-25.5 39.605-38.127l5.903 3.961c-6.64 11.885-16.234 24.759-25.582 34.415c14.76 18.569 15.497 19.56 25.09 35.406l-5.411 3.962c-5.412-5.694-7.872-8.42-15.498-15.35c-8.855-8.42-7.872-7.182-20.663-18.076zm50.204 57.552l10.51-5.254c19.705 29.88 50.905 50.566 75.865 50.566c23.975 0 41.054-17.075 41.054-41.372c0-23.968-13.795-36.117-53.533-46.952c-47.293-12.806-65.356-30.208-65.356-64.026C58.744 27.252 85.017 0 117.203 0c8.867 0 8.21 0 28.901 6.239c2.955.985 6.897 1.642 8.539 1.642c2.298 0 5.583-.985 8.54-2.299L174.346.001l20.363 56.803l-10.51 6.895c-19.048-31.521-43.352-49.58-66.997-49.58c-20.69 0-36.126 15.432-36.126 36.446c0 20.685 14.122 34.148 43.351 41.7c14.123 3.612 24.303 6.567 29.23 7.88c29.558 8.864 47.293 32.178 47.293 61.4c0 37.103-28.572 65.997-64.699 65.997c-11.166 0-16.75-1.313-30.543-7.552c-5.911-2.627-9.524-3.611-11.823-3.611c-3.284 0-5.583.985-9.524 3.283l-12.48 7.88zm161.025-25.116c9.594-16.094 10.086-16.836 24.846-35.406c-9.348-9.657-18.942-22.53-25.583-34.416l6.148-3.961c11.317 12.627 26.322 26.987 39.36 38.128v3.22l-12.546 10.398c-4.674 3.962-18.203 16.837-27.059 25.998z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 228"><path fill="#ff0080" d="M0 110.558v-3.22c12.546-10.645 28.043-25.5 39.605-38.127l5.903 3.961c-6.64 11.885-16.234 24.759-25.582 34.415c14.76 18.569 15.497 19.56 25.09 35.406l-5.411 3.962c-5.412-5.694-7.872-8.42-15.498-15.35c-8.855-8.42-7.872-7.182-20.663-18.076zm50.204 57.552l10.51-5.254c19.705 29.88 50.905 50.566 75.865 50.566c23.975 0 41.054-17.075 41.054-41.372c0-23.968-13.795-36.117-53.533-46.952c-47.293-12.806-65.356-30.208-65.356-64.026C58.744 27.252 85.017 0 117.203 0c8.867 0 8.21 0 28.901 6.239c2.955.985 6.897 1.642 8.539 1.642c2.298 0 5.583-.985 8.54-2.299L174.346.001l20.363 56.803l-10.51 6.895c-19.048-31.521-43.352-49.58-66.997-49.58c-20.69 0-36.126 15.432-36.126 36.446c0 20.685 14.122 34.148 43.351 41.7c14.123 3.612 24.303 6.567 29.23 7.88c29.558 8.864 47.293 32.178 47.293 61.4c0 37.103-28.572 65.997-64.699 65.997c-11.166 0-16.75-1.313-30.543-7.552c-5.911-2.627-9.524-3.611-11.823-3.611c-3.284 0-5.583.985-9.524 3.283l-12.48 7.88zm161.025-25.116c9.594-16.094 10.086-16.836 24.846-35.406c-9.348-9.657-18.942-22.53-25.583-34.416l6.148-3.961c11.317 12.627 26.322 26.987 39.36 38.128v3.22l-12.546 10.398c-4.674 3.962-18.203 16.837-27.059 25.998z"/></svg>
</template>

CSS

.icon-susy {
  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%20228%22%3E%3Cpath%20fill%3D%22%23ff0080%22%20d%3D%22M0%20110.558v-3.22c12.546-10.645%2028.043-25.5%2039.605-38.127l5.903%203.961c-6.64%2011.885-16.234%2024.759-25.582%2034.415c14.76%2018.569%2015.497%2019.56%2025.09%2035.406l-5.411%203.962c-5.412-5.694-7.872-8.42-15.498-15.35c-8.855-8.42-7.872-7.182-20.663-18.076zm50.204%2057.552l10.51-5.254c19.705%2029.88%2050.905%2050.566%2075.865%2050.566c23.975%200%2041.054-17.075%2041.054-41.372c0-23.968-13.795-36.117-53.533-46.952c-47.293-12.806-65.356-30.208-65.356-64.026C58.744%2027.252%2085.017%200%20117.203%200c8.867%200%208.21%200%2028.901%206.239c2.955.985%206.897%201.642%208.539%201.642c2.298%200%205.583-.985%208.54-2.299L174.346.001l20.363%2056.803l-10.51%206.895c-19.048-31.521-43.352-49.58-66.997-49.58c-20.69%200-36.126%2015.432-36.126%2036.446c0%2020.685%2014.122%2034.148%2043.351%2041.7c14.123%203.612%2024.303%206.567%2029.23%207.88c29.558%208.864%2047.293%2032.178%2047.293%2061.4c0%2037.103-28.572%2065.997-64.699%2065.997c-11.166%200-16.75-1.313-30.543-7.552c-5.911-2.627-9.524-3.611-11.823-3.611c-3.284%200-5.583.985-9.524%203.283l-12.48%207.88zm161.025-25.116c9.594-16.094%2010.086-16.836%2024.846-35.406c-9.348-9.657-18.942-22.53-25.583-34.416l6.148-3.961c11.317%2012.627%2026.322%2026.987%2039.36%2038.128v3.22l-12.546%2010.398c-4.674%203.962-18.203%2016.837-27.059%2025.998z%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%20228%22%3E%3Cpath%20fill%3D%22%23ff0080%22%20d%3D%22M0%20110.558v-3.22c12.546-10.645%2028.043-25.5%2039.605-38.127l5.903%203.961c-6.64%2011.885-16.234%2024.759-25.582%2034.415c14.76%2018.569%2015.497%2019.56%2025.09%2035.406l-5.411%203.962c-5.412-5.694-7.872-8.42-15.498-15.35c-8.855-8.42-7.872-7.182-20.663-18.076zm50.204%2057.552l10.51-5.254c19.705%2029.88%2050.905%2050.566%2075.865%2050.566c23.975%200%2041.054-17.075%2041.054-41.372c0-23.968-13.795-36.117-53.533-46.952c-47.293-12.806-65.356-30.208-65.356-64.026C58.744%2027.252%2085.017%200%20117.203%200c8.867%200%208.21%200%2028.901%206.239c2.955.985%206.897%201.642%208.539%201.642c2.298%200%205.583-.985%208.54-2.299L174.346.001l20.363%2056.803l-10.51%206.895c-19.048-31.521-43.352-49.58-66.997-49.58c-20.69%200-36.126%2015.432-36.126%2036.446c0%2020.685%2014.122%2034.148%2043.351%2041.7c14.123%203.612%2024.303%206.567%2029.23%207.88c29.558%208.864%2047.293%2032.178%2047.293%2061.4c0%2037.103-28.572%2065.997-64.699%2065.997c-11.166%200-16.75-1.313-30.543-7.552c-5.911-2.627-9.524-3.611-11.823-3.611c-3.284%200-5.583.985-9.524%203.283l-12.48%207.88zm161.025-25.116c9.594-16.094%2010.086-16.836%2024.846-35.406c-9.348-9.657-18.942-22.53-25.583-34.416l6.148-3.961c11.317%2012.627%2026.322%2026.987%2039.36%2038.128v3.22l-12.546%2010.398c-4.674%203.962-18.203%2016.837-27.059%2025.998z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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