launch logo
launch-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- launch-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the launch logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd61)"><path fill="#c771bc" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.295 8.988c.722-.686 3.493-1.783 4.791-2.245c-.882.457-2.807 1.509-3.451 2.085c-.64.576-1.034 1.76-1.148 2.28c.114.005.201.037.201.124c-.384 3.612-3.442 4.389-4.398 4.654c2.085-1.348 2.488-2.491 2.442-2.894c-.092.055-.256.151-.334.151c1.033-3.163.997-3.291 1.897-4.155m-.335-2.236c-2.258.256-2.344 1.993-2.125 2.734c.548-1.587 1.234-2.003 1.705-2.003c.475 0 .933.375 1.307.375c.38 0 .741-.237.819-.375c-.343-.553-1.253-.786-1.706-.731"/><path fill="#fff" d="M13.22 8.407c0-.069.165-.224.247-.293c.078.06.242.192.242.252c0 .068-.164.205-.292.205c-.133 0-.197-.082-.197-.164m-4.58-1.07C5.96 6.15 5.028 4.617 4.914 4v1.303c0 .53.297 1.115.498 1.371c.197.26.398.663.32.663a2 2 0 0 1-.52-.137c.438 1.54 2.271 2.208 3.825 2.482c1.555.275 2.908.956 3.205 1.175c-.018-.475-1.152-2.4-3.602-3.52m.562 2.761c1.669.32 2.396.846 2.556 1.07c-.608.365-1.637.658-2.149.594c-3.447-.393-3.716-2.519-3.716-2.734c.8.494 1.225.677 3.31 1.07m1.087 3.282c.443-.141 1.184-.827 1.453-1.152c.137.604-.832 1.454-1.188 1.701c-.352.247-1.344 1.097-1.244 1.189c.197.174 1.463-.503 1.641-.558a1 1 0 0 1 .238-.046c.046 0 .078.014.078.046c-1.363 1.047-1.856 1.509-2.254 2.057c-.393.549-.293 1.38-.494 1.829A2.69 2.69 0 0 1 6.19 20c-.023-.078-.046-.31.064-.64c.091-.265.128-.489.128-.617c0-.064 0-.114-.032-.114c-.22 0-.631.52-.81.914c-.045-.384-.136-1.184-.136-1.435c0-1.504 1.261-2.656 1.897-3.045l2.99-2.071z"/></g><defs><clipPath id="SVGHcSWxdhd61"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedLaunchBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd61)"><path fill="#c771bc" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.295 8.988c.722-.686 3.493-1.783 4.791-2.245c-.882.457-2.807 1.509-3.451 2.085c-.64.576-1.034 1.76-1.148 2.28c.114.005.201.037.201.124c-.384 3.612-3.442 4.389-4.398 4.654c2.085-1.348 2.488-2.491 2.442-2.894c-.092.055-.256.151-.334.151c1.033-3.163.997-3.291 1.897-4.155m-.335-2.236c-2.258.256-2.344 1.993-2.125 2.734c.548-1.587 1.234-2.003 1.705-2.003c.475 0 .933.375 1.307.375c.38 0 .741-.237.819-.375c-.343-.553-1.253-.786-1.706-.731"/><path fill="#fff" d="M13.22 8.407c0-.069.165-.224.247-.293c.078.06.242.192.242.252c0 .068-.164.205-.292.205c-.133 0-.197-.082-.197-.164m-4.58-1.07C5.96 6.15 5.028 4.617 4.914 4v1.303c0 .53.297 1.115.498 1.371c.197.26.398.663.32.663a2 2 0 0 1-.52-.137c.438 1.54 2.271 2.208 3.825 2.482c1.555.275 2.908.956 3.205 1.175c-.018-.475-1.152-2.4-3.602-3.52m.562 2.761c1.669.32 2.396.846 2.556 1.07c-.608.365-1.637.658-2.149.594c-3.447-.393-3.716-2.519-3.716-2.734c.8.494 1.225.677 3.31 1.07m1.087 3.282c.443-.141 1.184-.827 1.453-1.152c.137.604-.832 1.454-1.188 1.701c-.352.247-1.344 1.097-1.244 1.189c.197.174 1.463-.503 1.641-.558a1 1 0 0 1 .238-.046c.046 0 .078.014.078.046c-1.363 1.047-1.856 1.509-2.254 2.057c-.393.549-.293 1.38-.494 1.829A2.69 2.69 0 0 1 6.19 20c-.023-.078-.046-.31.064-.64c.091-.265.128-.489.128-.617c0-.064 0-.114-.032-.114c-.22 0-.631.52-.81.914c-.045-.384-.136-1.184-.136-1.435c0-1.504 1.261-2.656 1.897-3.045l2.99-2.071z"/></g><defs><clipPath id="SVGHcSWxdhd61"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd61)"><path fill="#c771bc" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.295 8.988c.722-.686 3.493-1.783 4.791-2.245c-.882.457-2.807 1.509-3.451 2.085c-.64.576-1.034 1.76-1.148 2.28c.114.005.201.037.201.124c-.384 3.612-3.442 4.389-4.398 4.654c2.085-1.348 2.488-2.491 2.442-2.894c-.092.055-.256.151-.334.151c1.033-3.163.997-3.291 1.897-4.155m-.335-2.236c-2.258.256-2.344 1.993-2.125 2.734c.548-1.587 1.234-2.003 1.705-2.003c.475 0 .933.375 1.307.375c.38 0 .741-.237.819-.375c-.343-.553-1.253-.786-1.706-.731"/><path fill="#fff" d="M13.22 8.407c0-.069.165-.224.247-.293c.078.06.242.192.242.252c0 .068-.164.205-.292.205c-.133 0-.197-.082-.197-.164m-4.58-1.07C5.96 6.15 5.028 4.617 4.914 4v1.303c0 .53.297 1.115.498 1.371c.197.26.398.663.32.663a2 2 0 0 1-.52-.137c.438 1.54 2.271 2.208 3.825 2.482c1.555.275 2.908.956 3.205 1.175c-.018-.475-1.152-2.4-3.602-3.52m.562 2.761c1.669.32 2.396.846 2.556 1.07c-.608.365-1.637.658-2.149.594c-3.447-.393-3.716-2.519-3.716-2.734c.8.494 1.225.677 3.31 1.07m1.087 3.282c.443-.141 1.184-.827 1.453-1.152c.137.604-.832 1.454-1.188 1.701c-.352.247-1.344 1.097-1.244 1.189c.197.174 1.463-.503 1.641-.558a1 1 0 0 1 .238-.046c.046 0 .078.014.078.046c-1.363 1.047-1.856 1.509-2.254 2.057c-.393.549-.293 1.38-.494 1.829A2.69 2.69 0 0 1 6.19 20c-.023-.078-.046-.31.064-.64c.091-.265.128-.489.128-.617c0-.064 0-.114-.032-.114c-.22 0-.631.52-.81.914c-.045-.384-.136-1.184-.136-1.435c0-1.504 1.261-2.656 1.897-3.045l2.99-2.071z"/></g><defs><clipPath id="SVGHcSWxdhd61"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-launch-background {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd61)%22%3E%3Cpath%20fill%3D%22%23c771bc%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.295%208.988c.722-.686%203.493-1.783%204.791-2.245c-.882.457-2.807%201.509-3.451%202.085c-.64.576-1.034%201.76-1.148%202.28c.114.005.201.037.201.124c-.384%203.612-3.442%204.389-4.398%204.654c2.085-1.348%202.488-2.491%202.442-2.894c-.092.055-.256.151-.334.151c1.033-3.163.997-3.291%201.897-4.155m-.335-2.236c-2.258.256-2.344%201.993-2.125%202.734c.548-1.587%201.234-2.003%201.705-2.003c.475%200%20.933.375%201.307.375c.38%200%20.741-.237.819-.375c-.343-.553-1.253-.786-1.706-.731%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.22%208.407c0-.069.165-.224.247-.293c.078.06.242.192.242.252c0%20.068-.164.205-.292.205c-.133%200-.197-.082-.197-.164m-4.58-1.07C5.96%206.15%205.028%204.617%204.914%204v1.303c0%20.53.297%201.115.498%201.371c.197.26.398.663.32.663a2%202%200%200%201-.52-.137c.438%201.54%202.271%202.208%203.825%202.482c1.555.275%202.908.956%203.205%201.175c-.018-.475-1.152-2.4-3.602-3.52m.562%202.761c1.669.32%202.396.846%202.556%201.07c-.608.365-1.637.658-2.149.594c-3.447-.393-3.716-2.519-3.716-2.734c.8.494%201.225.677%203.31%201.07m1.087%203.282c.443-.141%201.184-.827%201.453-1.152c.137.604-.832%201.454-1.188%201.701c-.352.247-1.344%201.097-1.244%201.189c.197.174%201.463-.503%201.641-.558a1%201%200%200%201%20.238-.046c.046%200%20.078.014.078.046c-1.363%201.047-1.856%201.509-2.254%202.057c-.393.549-.293%201.38-.494%201.829A2.69%202.69%200%200%201%206.19%2020c-.023-.078-.046-.31.064-.64c.091-.265.128-.489.128-.617c0-.064%200-.114-.032-.114c-.22%200-.631.52-.81.914c-.045-.384-.136-1.184-.136-1.435c0-1.504%201.261-2.656%201.897-3.045l2.99-2.071z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd61%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd61)%22%3E%3Cpath%20fill%3D%22%23c771bc%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.295%208.988c.722-.686%203.493-1.783%204.791-2.245c-.882.457-2.807%201.509-3.451%202.085c-.64.576-1.034%201.76-1.148%202.28c.114.005.201.037.201.124c-.384%203.612-3.442%204.389-4.398%204.654c2.085-1.348%202.488-2.491%202.442-2.894c-.092.055-.256.151-.334.151c1.033-3.163.997-3.291%201.897-4.155m-.335-2.236c-2.258.256-2.344%201.993-2.125%202.734c.548-1.587%201.234-2.003%201.705-2.003c.475%200%20.933.375%201.307.375c.38%200%20.741-.237.819-.375c-.343-.553-1.253-.786-1.706-.731%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.22%208.407c0-.069.165-.224.247-.293c.078.06.242.192.242.252c0%20.068-.164.205-.292.205c-.133%200-.197-.082-.197-.164m-4.58-1.07C5.96%206.15%205.028%204.617%204.914%204v1.303c0%20.53.297%201.115.498%201.371c.197.26.398.663.32.663a2%202%200%200%201-.52-.137c.438%201.54%202.271%202.208%203.825%202.482c1.555.275%202.908.956%203.205%201.175c-.018-.475-1.152-2.4-3.602-3.52m.562%202.761c1.669.32%202.396.846%202.556%201.07c-.608.365-1.637.658-2.149.594c-3.447-.393-3.716-2.519-3.716-2.734c.8.494%201.225.677%203.31%201.07m1.087%203.282c.443-.141%201.184-.827%201.453-1.152c.137.604-.832%201.454-1.188%201.701c-.352.247-1.344%201.097-1.244%201.189c.197.174%201.463-.503%201.641-.558a1%201%200%200%201%20.238-.046c.046%200%20.078.014.078.046c-1.363%201.047-1.856%201.509-2.254%202.057c-.393.549-.293%201.38-.494%201.829A2.69%202.69%200%200%201%206.19%2020c-.023-.078-.046-.31.064-.64c.091-.265.128-.489.128-.617c0-.064%200-.114-.032-.114c-.22%200-.631.52-.81.914c-.045-.384-.136-1.184-.136-1.435c0-1.504%201.261-2.656%201.897-3.045l2.99-2.071z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd61%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/launch-background.svg?color=%231a73e8&size=48
