launchrock logo

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

Name
launchrock
Set
SVG Logos
Style
Color
Viewbox
256×271
License
CC0

Use the launchrock logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 271"><path fill="#dc0000" d="M99.807 202.834c90.148 14.488 90.148-54.733 88.539-54.733H67.61s-45.073 40.245-59.56 53.123c6.44 25.757 37.025 51.513 54.733 57.952c1.61 0 33.805-51.513 37.025-56.342M54.733 32.196C54.733 14.488 46.684 0 27.366 0C6.44 0 0 14.488 0 32.196V149.71c0 16.098 3.22 32.195 6.44 38.635l49.903-43.465c-1.61 0-1.61-99.807-1.61-112.685m201.224 0C255.957 14.488 247.907 0 228.59 0c-20.927 0-27.366 14.488-27.366 32.196c0 9.659 1.61 82.1 0 127.173c0 16.098-22.537 57.953-74.05 56.343c-11.269 0-17.708 0-20.928-1.61c-3.22 4.83-27.366 46.684-28.976 48.294c9.659 3.22 30.586 8.049 49.904 8.049c86.928 0 130.393-54.733 128.783-127.174zM122.344 135.222V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.928 0-27.367 14.488-27.367 32.196v49.903zm67.611 0V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.927 0-27.367 14.488-27.367 32.196v49.903z"/></svg>

React

import type { SVGProps } from "react";

export function LogosLaunchrock(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 271"><path fill="#dc0000" d="M99.807 202.834c90.148 14.488 90.148-54.733 88.539-54.733H67.61s-45.073 40.245-59.56 53.123c6.44 25.757 37.025 51.513 54.733 57.952c1.61 0 33.805-51.513 37.025-56.342M54.733 32.196C54.733 14.488 46.684 0 27.366 0C6.44 0 0 14.488 0 32.196V149.71c0 16.098 3.22 32.195 6.44 38.635l49.903-43.465c-1.61 0-1.61-99.807-1.61-112.685m201.224 0C255.957 14.488 247.907 0 228.59 0c-20.927 0-27.366 14.488-27.366 32.196c0 9.659 1.61 82.1 0 127.173c0 16.098-22.537 57.953-74.05 56.343c-11.269 0-17.708 0-20.928-1.61c-3.22 4.83-27.366 46.684-28.976 48.294c9.659 3.22 30.586 8.049 49.904 8.049c86.928 0 130.393-54.733 128.783-127.174zM122.344 135.222V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.928 0-27.367 14.488-27.367 32.196v49.903zm67.611 0V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.927 0-27.367 14.488-27.367 32.196v49.903z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 271"><path fill="#dc0000" d="M99.807 202.834c90.148 14.488 90.148-54.733 88.539-54.733H67.61s-45.073 40.245-59.56 53.123c6.44 25.757 37.025 51.513 54.733 57.952c1.61 0 33.805-51.513 37.025-56.342M54.733 32.196C54.733 14.488 46.684 0 27.366 0C6.44 0 0 14.488 0 32.196V149.71c0 16.098 3.22 32.195 6.44 38.635l49.903-43.465c-1.61 0-1.61-99.807-1.61-112.685m201.224 0C255.957 14.488 247.907 0 228.59 0c-20.927 0-27.366 14.488-27.366 32.196c0 9.659 1.61 82.1 0 127.173c0 16.098-22.537 57.953-74.05 56.343c-11.269 0-17.708 0-20.928-1.61c-3.22 4.83-27.366 46.684-28.976 48.294c9.659 3.22 30.586 8.049 49.904 8.049c86.928 0 130.393-54.733 128.783-127.174zM122.344 135.222V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.928 0-27.367 14.488-27.367 32.196v49.903zm67.611 0V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.927 0-27.367 14.488-27.367 32.196v49.903z"/></svg>
</template>

CSS

.icon-launchrock {
  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%20271%22%3E%3Cpath%20fill%3D%22%23dc0000%22%20d%3D%22M99.807%20202.834c90.148%2014.488%2090.148-54.733%2088.539-54.733H67.61s-45.073%2040.245-59.56%2053.123c6.44%2025.757%2037.025%2051.513%2054.733%2057.952c1.61%200%2033.805-51.513%2037.025-56.342M54.733%2032.196C54.733%2014.488%2046.684%200%2027.366%200C6.44%200%200%2014.488%200%2032.196V149.71c0%2016.098%203.22%2032.195%206.44%2038.635l49.903-43.465c-1.61%200-1.61-99.807-1.61-112.685m201.224%200C255.957%2014.488%20247.907%200%20228.59%200c-20.927%200-27.366%2014.488-27.366%2032.196c0%209.659%201.61%2082.1%200%20127.173c0%2016.098-22.537%2057.953-74.05%2056.343c-11.269%200-17.708%200-20.928-1.61c-3.22%204.83-27.366%2046.684-28.976%2048.294c9.659%203.22%2030.586%208.049%2049.904%208.049c86.928%200%20130.393-54.733%20128.783-127.174zM122.344%20135.222V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.928%200-27.367%2014.488-27.367%2032.196v49.903zm67.611%200V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.927%200-27.367%2014.488-27.367%2032.196v49.903z%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%20271%22%3E%3Cpath%20fill%3D%22%23dc0000%22%20d%3D%22M99.807%20202.834c90.148%2014.488%2090.148-54.733%2088.539-54.733H67.61s-45.073%2040.245-59.56%2053.123c6.44%2025.757%2037.025%2051.513%2054.733%2057.952c1.61%200%2033.805-51.513%2037.025-56.342M54.733%2032.196C54.733%2014.488%2046.684%200%2027.366%200C6.44%200%200%2014.488%200%2032.196V149.71c0%2016.098%203.22%2032.195%206.44%2038.635l49.903-43.465c-1.61%200-1.61-99.807-1.61-112.685m201.224%200C255.957%2014.488%20247.907%200%20228.59%200c-20.927%200-27.366%2014.488-27.366%2032.196c0%209.659%201.61%2082.1%200%20127.173c0%2016.098-22.537%2057.953-74.05%2056.343c-11.269%200-17.708%200-20.928-1.61c-3.22%204.83-27.366%2046.684-28.976%2048.294c9.659%203.22%2030.586%208.049%2049.904%208.049c86.928%200%20130.393-54.733%20128.783-127.174zM122.344%20135.222V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.928%200-27.367%2014.488-27.367%2032.196v49.903zm67.611%200V85.32c0-17.708-8.049-32.196-27.366-32.196c-20.927%200-27.367%2014.488-27.367%2032.196v49.903z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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