supergiant logo

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

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

Use the supergiant logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient cx="23.517%" cy="6.937%" fx="23.517%" fy="6.937%" r="91.119%" gradientTransform="matrix(.58234 .81292 -.83777 .6001 .156 -.163)" id="ssvg-id-supergianta"><stop stop-color="#DE0081" offset="0%"/><stop stop-color="#6600C4" offset="100%"/></radialGradient></defs><path d="M81.815 8.66c-65.917 25.506-98.667 99.614-73.15 165.531c25.495 65.91 99.603 98.664 165.508 73.158c42.322-16.37 70.947-52.76 79.301-94.15c-15.67 10.299-33.845 19.677-53.798 27.423c-75.77 29.323-148.662 23.476-162.76-13.029c-6.47-16.709.476-36.95 17.185-56.775a7.013 7.013 0 0 1-1.039-1.84a7.307 7.307 0 0 1 10.833-8.756C84.139 80.52 113.55 61.91 148.453 48.377c21.986-8.489 43.687-14.039 63.81-16.74A128.47 128.47 0 0 0 127.973 0a127.497 127.497 0 0 0-46.15 8.654l-.009.006zm67.95 43.023c-34.748 13.444-63.94 31.863-83.508 51.053a7.307 7.307 0 0 1-3.71 10.46a7.236 7.236 0 0 1-5.751-.209c-14.573 17.57-20.591 35.164-14.988 49.644c12.86 33.226 82.038 37.416 154.523 9.37c22.31-8.637 42.334-19.321 59.001-30.943c.757-7.331.873-14.78.336-22.242c-15.196 15.166-37.692 29.53-64.48 39.895c-25.376 9.823-50.306 14.388-71.081 14.014c-1.158 3.214-3.621 5.936-7.034 7.26c-6.203 2.394-13.207-.69-15.582-6.895a11.773 11.773 0 0 1-.771-3.324c-13.92-3.65-23.892-10.655-27.839-20.805c-10.625-27.423 26.919-67.49 83.813-89.541c26.177-10.12 51.879-14.661 73.04-13.95a129.492 129.492 0 0 0-10.21-10.743c-20.538 2.553-43.034 8.192-65.857 17.006l.098-.05zm4.205 10.853c-53.689 20.775-89.6 57.221-80.251 81.41c3.442 8.873 12.465 14.839 25.197 17.866c1.306-1.87 3.176-3.354 5.46-4.244c6.055-2.345 12.911.593 15.434 6.53c19.647.118 43.568-4.482 68.024-13.92c28.58-11.07 52.145-26.592 66.51-42.334a125.882 125.882 0 0 0-5.045-20.39c-6.648 16.428-30.57 35.437-62.326 47.724c-41.936 16.226-81.617 14.593-88.68-3.65c-1.276-3.235-1.395-6.773-.564-10.507a8.592 8.592 0 0 1-3.146-4.015c-1.751-4.482.445-9.539 4.897-11.257a8.458 8.458 0 0 1 6.321.059c10.774-13.415 30.807-27.106 55.589-36.713c30.213-11.693 59.298-14.109 75.8-7.704a127.53 127.53 0 0 0-8.696-12.543a114.13 114.13 0 0 0-7.212-.228c-19.559 0-43.213 4.6-67.4 13.949l.088-.033zm8.815 10.002c-24.693 9.557-44.46 22.882-53.986 35.17c.831.83 1.484 1.84 1.959 2.997c1.721 4.511-.475 9.557-4.897 11.278a8.897 8.897 0 0 1-3.235.594c.03 1.424.267 2.76.771 4.036c5.758 14.928 41.729 14.928 80.282 0c38.582-14.929 65.145-39.146 59.387-54.045c-2.908-7.45-13.355-11.19-27.868-11.19c-14.543 0-33.181 3.74-52.473 11.19l.06-.03zm-10.83 34.81c-4.176-10.803 1.205-23.01 12.02-27.194c10.815-4.185 23.013 1.21 27.195 12.02c4.184 10.815-1.211 23.013-12.02 27.197a20.554 20.554 0 0 1-7.56 1.425c-8.428 0-16.412-5.105-19.638-13.415l.003-.033z" fill="url(#ssvg-id-supergianta)"/></svg>

React

import type { SVGProps } from "react";

export function LogosSupergiant(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient cx="23.517%" cy="6.937%" fx="23.517%" fy="6.937%" r="91.119%" gradientTransform="matrix(.58234 .81292 -.83777 .6001 .156 -.163)" id="ssvgId-supergianta"><stop stopColor="#DE0081" offset="0%"/><stop stopColor="#6600C4" offset="100%"/></radialGradient></defs><path d="M81.815 8.66c-65.917 25.506-98.667 99.614-73.15 165.531c25.495 65.91 99.603 98.664 165.508 73.158c42.322-16.37 70.947-52.76 79.301-94.15c-15.67 10.299-33.845 19.677-53.798 27.423c-75.77 29.323-148.662 23.476-162.76-13.029c-6.47-16.709.476-36.95 17.185-56.775a7.013 7.013 0 0 1-1.039-1.84a7.307 7.307 0 0 1 10.833-8.756C84.139 80.52 113.55 61.91 148.453 48.377c21.986-8.489 43.687-14.039 63.81-16.74A128.47 128.47 0 0 0 127.973 0a127.497 127.497 0 0 0-46.15 8.654l-.009.006zm67.95 43.023c-34.748 13.444-63.94 31.863-83.508 51.053a7.307 7.307 0 0 1-3.71 10.46a7.236 7.236 0 0 1-5.751-.209c-14.573 17.57-20.591 35.164-14.988 49.644c12.86 33.226 82.038 37.416 154.523 9.37c22.31-8.637 42.334-19.321 59.001-30.943c.757-7.331.873-14.78.336-22.242c-15.196 15.166-37.692 29.53-64.48 39.895c-25.376 9.823-50.306 14.388-71.081 14.014c-1.158 3.214-3.621 5.936-7.034 7.26c-6.203 2.394-13.207-.69-15.582-6.895a11.773 11.773 0 0 1-.771-3.324c-13.92-3.65-23.892-10.655-27.839-20.805c-10.625-27.423 26.919-67.49 83.813-89.541c26.177-10.12 51.879-14.661 73.04-13.95a129.492 129.492 0 0 0-10.21-10.743c-20.538 2.553-43.034 8.192-65.857 17.006l.098-.05zm4.205 10.853c-53.689 20.775-89.6 57.221-80.251 81.41c3.442 8.873 12.465 14.839 25.197 17.866c1.306-1.87 3.176-3.354 5.46-4.244c6.055-2.345 12.911.593 15.434 6.53c19.647.118 43.568-4.482 68.024-13.92c28.58-11.07 52.145-26.592 66.51-42.334a125.882 125.882 0 0 0-5.045-20.39c-6.648 16.428-30.57 35.437-62.326 47.724c-41.936 16.226-81.617 14.593-88.68-3.65c-1.276-3.235-1.395-6.773-.564-10.507a8.592 8.592 0 0 1-3.146-4.015c-1.751-4.482.445-9.539 4.897-11.257a8.458 8.458 0 0 1 6.321.059c10.774-13.415 30.807-27.106 55.589-36.713c30.213-11.693 59.298-14.109 75.8-7.704a127.53 127.53 0 0 0-8.696-12.543a114.13 114.13 0 0 0-7.212-.228c-19.559 0-43.213 4.6-67.4 13.949l.088-.033zm8.815 10.002c-24.693 9.557-44.46 22.882-53.986 35.17c.831.83 1.484 1.84 1.959 2.997c1.721 4.511-.475 9.557-4.897 11.278a8.897 8.897 0 0 1-3.235.594c.03 1.424.267 2.76.771 4.036c5.758 14.928 41.729 14.928 80.282 0c38.582-14.929 65.145-39.146 59.387-54.045c-2.908-7.45-13.355-11.19-27.868-11.19c-14.543 0-33.181 3.74-52.473 11.19l.06-.03zm-10.83 34.81c-4.176-10.803 1.205-23.01 12.02-27.194c10.815-4.185 23.013 1.21 27.195 12.02c4.184 10.815-1.211 23.013-12.02 27.197a20.554 20.554 0 0 1-7.56 1.425c-8.428 0-16.412-5.105-19.638-13.415l.003-.033z" fill="url(#ssvgId-supergianta)"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient cx="23.517%" cy="6.937%" fx="23.517%" fy="6.937%" r="91.119%" gradientTransform="matrix(.58234 .81292 -.83777 .6001 .156 -.163)" id="ssvg-id-supergianta"><stop stop-color="#DE0081" offset="0%"/><stop stop-color="#6600C4" offset="100%"/></radialGradient></defs><path d="M81.815 8.66c-65.917 25.506-98.667 99.614-73.15 165.531c25.495 65.91 99.603 98.664 165.508 73.158c42.322-16.37 70.947-52.76 79.301-94.15c-15.67 10.299-33.845 19.677-53.798 27.423c-75.77 29.323-148.662 23.476-162.76-13.029c-6.47-16.709.476-36.95 17.185-56.775a7.013 7.013 0 0 1-1.039-1.84a7.307 7.307 0 0 1 10.833-8.756C84.139 80.52 113.55 61.91 148.453 48.377c21.986-8.489 43.687-14.039 63.81-16.74A128.47 128.47 0 0 0 127.973 0a127.497 127.497 0 0 0-46.15 8.654l-.009.006zm67.95 43.023c-34.748 13.444-63.94 31.863-83.508 51.053a7.307 7.307 0 0 1-3.71 10.46a7.236 7.236 0 0 1-5.751-.209c-14.573 17.57-20.591 35.164-14.988 49.644c12.86 33.226 82.038 37.416 154.523 9.37c22.31-8.637 42.334-19.321 59.001-30.943c.757-7.331.873-14.78.336-22.242c-15.196 15.166-37.692 29.53-64.48 39.895c-25.376 9.823-50.306 14.388-71.081 14.014c-1.158 3.214-3.621 5.936-7.034 7.26c-6.203 2.394-13.207-.69-15.582-6.895a11.773 11.773 0 0 1-.771-3.324c-13.92-3.65-23.892-10.655-27.839-20.805c-10.625-27.423 26.919-67.49 83.813-89.541c26.177-10.12 51.879-14.661 73.04-13.95a129.492 129.492 0 0 0-10.21-10.743c-20.538 2.553-43.034 8.192-65.857 17.006l.098-.05zm4.205 10.853c-53.689 20.775-89.6 57.221-80.251 81.41c3.442 8.873 12.465 14.839 25.197 17.866c1.306-1.87 3.176-3.354 5.46-4.244c6.055-2.345 12.911.593 15.434 6.53c19.647.118 43.568-4.482 68.024-13.92c28.58-11.07 52.145-26.592 66.51-42.334a125.882 125.882 0 0 0-5.045-20.39c-6.648 16.428-30.57 35.437-62.326 47.724c-41.936 16.226-81.617 14.593-88.68-3.65c-1.276-3.235-1.395-6.773-.564-10.507a8.592 8.592 0 0 1-3.146-4.015c-1.751-4.482.445-9.539 4.897-11.257a8.458 8.458 0 0 1 6.321.059c10.774-13.415 30.807-27.106 55.589-36.713c30.213-11.693 59.298-14.109 75.8-7.704a127.53 127.53 0 0 0-8.696-12.543a114.13 114.13 0 0 0-7.212-.228c-19.559 0-43.213 4.6-67.4 13.949l.088-.033zm8.815 10.002c-24.693 9.557-44.46 22.882-53.986 35.17c.831.83 1.484 1.84 1.959 2.997c1.721 4.511-.475 9.557-4.897 11.278a8.897 8.897 0 0 1-3.235.594c.03 1.424.267 2.76.771 4.036c5.758 14.928 41.729 14.928 80.282 0c38.582-14.929 65.145-39.146 59.387-54.045c-2.908-7.45-13.355-11.19-27.868-11.19c-14.543 0-33.181 3.74-52.473 11.19l.06-.03zm-10.83 34.81c-4.176-10.803 1.205-23.01 12.02-27.194c10.815-4.185 23.013 1.21 27.195 12.02c4.184 10.815-1.211 23.013-12.02 27.197a20.554 20.554 0 0 1-7.56 1.425c-8.428 0-16.412-5.105-19.638-13.415l.003-.033z" fill="url(#ssvg-id-supergianta)"/></svg>
</template>

CSS

.icon-supergiant {
  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%3Cdefs%3E%3CradialGradient%20cx%3D%2223.517%25%22%20cy%3D%226.937%25%22%20fx%3D%2223.517%25%22%20fy%3D%226.937%25%22%20r%3D%2291.119%25%22%20gradientTransform%3D%22matrix(.58234%20.81292%20-.83777%20.6001%20.156%20-.163)%22%20id%3D%22ssvg-id-supergianta%22%3E%3Cstop%20stop-color%3D%22%23DE0081%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%236600C4%22%20offset%3D%22100%25%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M81.815%208.66c-65.917%2025.506-98.667%2099.614-73.15%20165.531c25.495%2065.91%2099.603%2098.664%20165.508%2073.158c42.322-16.37%2070.947-52.76%2079.301-94.15c-15.67%2010.299-33.845%2019.677-53.798%2027.423c-75.77%2029.323-148.662%2023.476-162.76-13.029c-6.47-16.709.476-36.95%2017.185-56.775a7.013%207.013%200%200%201-1.039-1.84a7.307%207.307%200%200%201%2010.833-8.756C84.139%2080.52%20113.55%2061.91%20148.453%2048.377c21.986-8.489%2043.687-14.039%2063.81-16.74A128.47%20128.47%200%200%200%20127.973%200a127.497%20127.497%200%200%200-46.15%208.654l-.009.006zm67.95%2043.023c-34.748%2013.444-63.94%2031.863-83.508%2051.053a7.307%207.307%200%200%201-3.71%2010.46a7.236%207.236%200%200%201-5.751-.209c-14.573%2017.57-20.591%2035.164-14.988%2049.644c12.86%2033.226%2082.038%2037.416%20154.523%209.37c22.31-8.637%2042.334-19.321%2059.001-30.943c.757-7.331.873-14.78.336-22.242c-15.196%2015.166-37.692%2029.53-64.48%2039.895c-25.376%209.823-50.306%2014.388-71.081%2014.014c-1.158%203.214-3.621%205.936-7.034%207.26c-6.203%202.394-13.207-.69-15.582-6.895a11.773%2011.773%200%200%201-.771-3.324c-13.92-3.65-23.892-10.655-27.839-20.805c-10.625-27.423%2026.919-67.49%2083.813-89.541c26.177-10.12%2051.879-14.661%2073.04-13.95a129.492%20129.492%200%200%200-10.21-10.743c-20.538%202.553-43.034%208.192-65.857%2017.006l.098-.05zm4.205%2010.853c-53.689%2020.775-89.6%2057.221-80.251%2081.41c3.442%208.873%2012.465%2014.839%2025.197%2017.866c1.306-1.87%203.176-3.354%205.46-4.244c6.055-2.345%2012.911.593%2015.434%206.53c19.647.118%2043.568-4.482%2068.024-13.92c28.58-11.07%2052.145-26.592%2066.51-42.334a125.882%20125.882%200%200%200-5.045-20.39c-6.648%2016.428-30.57%2035.437-62.326%2047.724c-41.936%2016.226-81.617%2014.593-88.68-3.65c-1.276-3.235-1.395-6.773-.564-10.507a8.592%208.592%200%200%201-3.146-4.015c-1.751-4.482.445-9.539%204.897-11.257a8.458%208.458%200%200%201%206.321.059c10.774-13.415%2030.807-27.106%2055.589-36.713c30.213-11.693%2059.298-14.109%2075.8-7.704a127.53%20127.53%200%200%200-8.696-12.543a114.13%20114.13%200%200%200-7.212-.228c-19.559%200-43.213%204.6-67.4%2013.949l.088-.033zm8.815%2010.002c-24.693%209.557-44.46%2022.882-53.986%2035.17c.831.83%201.484%201.84%201.959%202.997c1.721%204.511-.475%209.557-4.897%2011.278a8.897%208.897%200%200%201-3.235.594c.03%201.424.267%202.76.771%204.036c5.758%2014.928%2041.729%2014.928%2080.282%200c38.582-14.929%2065.145-39.146%2059.387-54.045c-2.908-7.45-13.355-11.19-27.868-11.19c-14.543%200-33.181%203.74-52.473%2011.19l.06-.03zm-10.83%2034.81c-4.176-10.803%201.205-23.01%2012.02-27.194c10.815-4.185%2023.013%201.21%2027.195%2012.02c4.184%2010.815-1.211%2023.013-12.02%2027.197a20.554%2020.554%200%200%201-7.56%201.425c-8.428%200-16.412-5.105-19.638-13.415l.003-.033z%22%20fill%3D%22url(%23ssvg-id-supergianta)%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%3Cdefs%3E%3CradialGradient%20cx%3D%2223.517%25%22%20cy%3D%226.937%25%22%20fx%3D%2223.517%25%22%20fy%3D%226.937%25%22%20r%3D%2291.119%25%22%20gradientTransform%3D%22matrix(.58234%20.81292%20-.83777%20.6001%20.156%20-.163)%22%20id%3D%22ssvg-id-supergianta%22%3E%3Cstop%20stop-color%3D%22%23DE0081%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%236600C4%22%20offset%3D%22100%25%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M81.815%208.66c-65.917%2025.506-98.667%2099.614-73.15%20165.531c25.495%2065.91%2099.603%2098.664%20165.508%2073.158c42.322-16.37%2070.947-52.76%2079.301-94.15c-15.67%2010.299-33.845%2019.677-53.798%2027.423c-75.77%2029.323-148.662%2023.476-162.76-13.029c-6.47-16.709.476-36.95%2017.185-56.775a7.013%207.013%200%200%201-1.039-1.84a7.307%207.307%200%200%201%2010.833-8.756C84.139%2080.52%20113.55%2061.91%20148.453%2048.377c21.986-8.489%2043.687-14.039%2063.81-16.74A128.47%20128.47%200%200%200%20127.973%200a127.497%20127.497%200%200%200-46.15%208.654l-.009.006zm67.95%2043.023c-34.748%2013.444-63.94%2031.863-83.508%2051.053a7.307%207.307%200%200%201-3.71%2010.46a7.236%207.236%200%200%201-5.751-.209c-14.573%2017.57-20.591%2035.164-14.988%2049.644c12.86%2033.226%2082.038%2037.416%20154.523%209.37c22.31-8.637%2042.334-19.321%2059.001-30.943c.757-7.331.873-14.78.336-22.242c-15.196%2015.166-37.692%2029.53-64.48%2039.895c-25.376%209.823-50.306%2014.388-71.081%2014.014c-1.158%203.214-3.621%205.936-7.034%207.26c-6.203%202.394-13.207-.69-15.582-6.895a11.773%2011.773%200%200%201-.771-3.324c-13.92-3.65-23.892-10.655-27.839-20.805c-10.625-27.423%2026.919-67.49%2083.813-89.541c26.177-10.12%2051.879-14.661%2073.04-13.95a129.492%20129.492%200%200%200-10.21-10.743c-20.538%202.553-43.034%208.192-65.857%2017.006l.098-.05zm4.205%2010.853c-53.689%2020.775-89.6%2057.221-80.251%2081.41c3.442%208.873%2012.465%2014.839%2025.197%2017.866c1.306-1.87%203.176-3.354%205.46-4.244c6.055-2.345%2012.911.593%2015.434%206.53c19.647.118%2043.568-4.482%2068.024-13.92c28.58-11.07%2052.145-26.592%2066.51-42.334a125.882%20125.882%200%200%200-5.045-20.39c-6.648%2016.428-30.57%2035.437-62.326%2047.724c-41.936%2016.226-81.617%2014.593-88.68-3.65c-1.276-3.235-1.395-6.773-.564-10.507a8.592%208.592%200%200%201-3.146-4.015c-1.751-4.482.445-9.539%204.897-11.257a8.458%208.458%200%200%201%206.321.059c10.774-13.415%2030.807-27.106%2055.589-36.713c30.213-11.693%2059.298-14.109%2075.8-7.704a127.53%20127.53%200%200%200-8.696-12.543a114.13%20114.13%200%200%200-7.212-.228c-19.559%200-43.213%204.6-67.4%2013.949l.088-.033zm8.815%2010.002c-24.693%209.557-44.46%2022.882-53.986%2035.17c.831.83%201.484%201.84%201.959%202.997c1.721%204.511-.475%209.557-4.897%2011.278a8.897%208.897%200%200%201-3.235.594c.03%201.424.267%202.76.771%204.036c5.758%2014.928%2041.729%2014.928%2080.282%200c38.582-14.929%2065.145-39.146%2059.387-54.045c-2.908-7.45-13.355-11.19-27.868-11.19c-14.543%200-33.181%203.74-52.473%2011.19l.06-.03zm-10.83%2034.81c-4.176-10.803%201.205-23.01%2012.02-27.194c10.815-4.185%2023.013%201.21%2027.195%2012.02c4.184%2010.815-1.211%2023.013-12.02%2027.197a20.554%2020.554%200%200%201-7.56%201.425c-8.428%200-16.412-5.105-19.638-13.415l.003-.033z%22%20fill%3D%22url(%23ssvg-id-supergianta)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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