supersonic logo
supersonic from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- supersonic
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×318
- License
- CC0
Use the supersonic logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 318"><path d="M244.22 254.173L10.42 152.226C4.078 149.508 0 143.164 0 136.368V81.543c0-9.742 9.968-16.311 19.03-12.46l226.322 98.775c6.344 2.719 10.421 9.062 10.421 15.859v62.754c0 5.89-6.116 9.968-11.554 7.702" fill="#313949"/><path d="M253.961 50.237L148.39 4.247c-13.14-5.663-28.318-5.663-41.458 0l-88.58 38.74C7.25 47.746 0 58.847 0 70.854v63.887c0 4.078.68 5.89 1.812 7.929c.907-4.078 4.758-8.156 7.93-9.515l101.267-45.763c10.648-4.757 23.108-4.757 33.756 0l107.157 48.255c2.04.906 4.078-.453 4.078-2.719V52.73c-.227-1.133-.906-2.039-2.039-2.492" fill="#FB5152"/><path d="M1.812 267.1l105.572 45.99c13.14 5.664 28.319 5.664 41.458 0l88.581-38.74c11.1-4.757 18.35-15.858 18.35-28.092v-63.886c0-4.078-.68-5.89-1.812-7.93c-.906 4.078-4.757 8.156-7.93 9.516l-101.04 45.762c-10.648 4.758-23.108 4.758-33.756 0L4.305 181.692c-2.04-.906-4.305.453-4.305 2.719v79.971c0 1.133.68 2.266 1.812 2.719" fill="#FB5152"/></svg>
React
import type { SVGProps } from "react";
export function LogosSupersonic(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 318"><path d="M244.22 254.173L10.42 152.226C4.078 149.508 0 143.164 0 136.368V81.543c0-9.742 9.968-16.311 19.03-12.46l226.322 98.775c6.344 2.719 10.421 9.062 10.421 15.859v62.754c0 5.89-6.116 9.968-11.554 7.702" fill="#313949"/><path d="M253.961 50.237L148.39 4.247c-13.14-5.663-28.318-5.663-41.458 0l-88.58 38.74C7.25 47.746 0 58.847 0 70.854v63.887c0 4.078.68 5.89 1.812 7.929c.907-4.078 4.758-8.156 7.93-9.515l101.267-45.763c10.648-4.757 23.108-4.757 33.756 0l107.157 48.255c2.04.906 4.078-.453 4.078-2.719V52.73c-.227-1.133-.906-2.039-2.039-2.492" fill="#FB5152"/><path d="M1.812 267.1l105.572 45.99c13.14 5.664 28.319 5.664 41.458 0l88.581-38.74c11.1-4.757 18.35-15.858 18.35-28.092v-63.886c0-4.078-.68-5.89-1.812-7.93c-.906 4.078-4.757 8.156-7.93 9.516l-101.04 45.762c-10.648 4.758-23.108 4.758-33.756 0L4.305 181.692c-2.04-.906-4.305.453-4.305 2.719v79.971c0 1.133.68 2.266 1.812 2.719" fill="#FB5152"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 318"><path d="M244.22 254.173L10.42 152.226C4.078 149.508 0 143.164 0 136.368V81.543c0-9.742 9.968-16.311 19.03-12.46l226.322 98.775c6.344 2.719 10.421 9.062 10.421 15.859v62.754c0 5.89-6.116 9.968-11.554 7.702" fill="#313949"/><path d="M253.961 50.237L148.39 4.247c-13.14-5.663-28.318-5.663-41.458 0l-88.58 38.74C7.25 47.746 0 58.847 0 70.854v63.887c0 4.078.68 5.89 1.812 7.929c.907-4.078 4.758-8.156 7.93-9.515l101.267-45.763c10.648-4.757 23.108-4.757 33.756 0l107.157 48.255c2.04.906 4.078-.453 4.078-2.719V52.73c-.227-1.133-.906-2.039-2.039-2.492" fill="#FB5152"/><path d="M1.812 267.1l105.572 45.99c13.14 5.664 28.319 5.664 41.458 0l88.581-38.74c11.1-4.757 18.35-15.858 18.35-28.092v-63.886c0-4.078-.68-5.89-1.812-7.93c-.906 4.078-4.757 8.156-7.93 9.516l-101.04 45.762c-10.648 4.758-23.108 4.758-33.756 0L4.305 181.692c-2.04-.906-4.305.453-4.305 2.719v79.971c0 1.133.68 2.266 1.812 2.719" fill="#FB5152"/></svg> </template>
CSS
.icon-supersonic {
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%20318%22%3E%3Cpath%20d%3D%22M244.22%20254.173L10.42%20152.226C4.078%20149.508%200%20143.164%200%20136.368V81.543c0-9.742%209.968-16.311%2019.03-12.46l226.322%2098.775c6.344%202.719%2010.421%209.062%2010.421%2015.859v62.754c0%205.89-6.116%209.968-11.554%207.702%22%20fill%3D%22%23313949%22%2F%3E%3Cpath%20d%3D%22M253.961%2050.237L148.39%204.247c-13.14-5.663-28.318-5.663-41.458%200l-88.58%2038.74C7.25%2047.746%200%2058.847%200%2070.854v63.887c0%204.078.68%205.89%201.812%207.929c.907-4.078%204.758-8.156%207.93-9.515l101.267-45.763c10.648-4.757%2023.108-4.757%2033.756%200l107.157%2048.255c2.04.906%204.078-.453%204.078-2.719V52.73c-.227-1.133-.906-2.039-2.039-2.492%22%20fill%3D%22%23FB5152%22%2F%3E%3Cpath%20d%3D%22M1.812%20267.1l105.572%2045.99c13.14%205.664%2028.319%205.664%2041.458%200l88.581-38.74c11.1-4.757%2018.35-15.858%2018.35-28.092v-63.886c0-4.078-.68-5.89-1.812-7.93c-.906%204.078-4.757%208.156-7.93%209.516l-101.04%2045.762c-10.648%204.758-23.108%204.758-33.756%200L4.305%20181.692c-2.04-.906-4.305.453-4.305%202.719v79.971c0%201.133.68%202.266%201.812%202.719%22%20fill%3D%22%23FB5152%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%20318%22%3E%3Cpath%20d%3D%22M244.22%20254.173L10.42%20152.226C4.078%20149.508%200%20143.164%200%20136.368V81.543c0-9.742%209.968-16.311%2019.03-12.46l226.322%2098.775c6.344%202.719%2010.421%209.062%2010.421%2015.859v62.754c0%205.89-6.116%209.968-11.554%207.702%22%20fill%3D%22%23313949%22%2F%3E%3Cpath%20d%3D%22M253.961%2050.237L148.39%204.247c-13.14-5.663-28.318-5.663-41.458%200l-88.58%2038.74C7.25%2047.746%200%2058.847%200%2070.854v63.887c0%204.078.68%205.89%201.812%207.929c.907-4.078%204.758-8.156%207.93-9.515l101.267-45.763c10.648-4.757%2023.108-4.757%2033.756%200l107.157%2048.255c2.04.906%204.078-.453%204.078-2.719V52.73c-.227-1.133-.906-2.039-2.039-2.492%22%20fill%3D%22%23FB5152%22%2F%3E%3Cpath%20d%3D%22M1.812%20267.1l105.572%2045.99c13.14%205.664%2028.319%205.664%2041.458%200l88.581-38.74c11.1-4.757%2018.35-15.858%2018.35-28.092v-63.886c0-4.078-.68-5.89-1.812-7.93c-.906%204.078-4.757%208.156-7.93%209.516l-101.04%2045.762c-10.648%204.758-23.108%204.758-33.756%200L4.305%20181.692c-2.04-.906-4.305.453-4.305%202.719v79.971c0%201.133.68%202.266%201.812%202.719%22%20fill%3D%22%23FB5152%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/supersonic.svg?color=%231a73e8&size=48
