bmx logo
bmx-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- bmx-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 bmx 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(#SVGHcSWxdhd5)"><path fill="#17d5cf" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.53 4.706h2.588c2.946.047 3.543.028 4.39.419a4.14 4.14 0 0 1 1.51 1.251l.283.415l-.47-.396c-1.097-.94-1.43-1.167-4.537-1.219H8.471v.725l2.353-.019c3.012 0 3.6.184 4.466.894c.48.386.607.678.15.33c-.64-.47-.894-.706-3.204-.753H9.883v.753l2.353-.047c1.406 0 3.576.555 3.585 1.77c.01 1.213-.687 1.288-1.938 1.288c-.706 0-1.873-.018-2.673 0H9.883v.706H12c1.567.038 3.379.189 4.527 1.403c.579.611.697.87.198.433c-1.497-1.294-3.586-1.12-5.43-1.13H8.47v.706h2.823c3.27.047 3.845.085 4.518.541c.325.236.979.909.922.97c-.019.018-.174-.09-.348-.236c-.64-.536-.875-.536-3.68-.57c-2.485-.027-2.353.072-2.353.236c0 .165-.17.188 1.883.236c1.397.032 5.087-.255 4.413 2.145c-.414 1.384-5.44 1.149-7.002 1.149c-3.764 0-4 .06-4 .235c0 .183.344.263 5.177.235c1.459-.01 4.706 0 5.675-.494c.108-.103.193-.146.193-.103c0 .103-.522.63-.88.88c-.49.348-1.002.371-2.87.423h-1.883l-.014.72h1.313c2.748 0 3.906-.367 4.757-1.496c.382-.495.424-.433.095.122a4.4 4.4 0 0 1-1.624 1.459c-1.035.494-1.29.564-4.762.607H7.53V20h3.124c2.236-.033 4.716.07 6.447-1.614c.885-.885 1.252-1.807 1.252-3.243c0-1.346-.376-2.418-1.11-3.214a2.6 2.6 0 0 1-.386-.47c0-.038.108-.287.244-.565c.49-1.012.527-2.668.09-3.896c-.541-1.497-2-2.584-3.91-2.904C12.987 4.047 11.543 4 10.075 4H7.53z"/><path fill="#fff" d="M7.53 6.588c0 .245.037.254.686.222c.589-.038.697-.071.72-.255c.024-.178-.047-.202-.687-.202c-.673 0-.72.014-.72.235M8 8c0 .235.056.235 2.823.235s2.824 0 2.824-.235s-.057-.235-2.824-.235S8 7.765 8 8M6.588 9.177h3.294L9.86 8.96c-.024-.207-.033-.207-1.647-.235l-1.624-.019zm4.254-.334c-.094.305.109.357 1.46.329c1.28-.033 1.345-.042 1.345-.235c0-.189-.066-.193-1.379-.226c-1.19-.02-1.374 0-1.426.132m-3.312 5.75c0 .23.047.254.687.216c.578-.037.691-.07.72-.254c.028-.178-.052-.202-.687-.202c-.669 0-.72.024-.72.24m1.882-.005c0 .226.056.236 2.117.236s2.118-.01 2.118-.236s-.056-.235-2.117-.235s-2.118.01-2.118.235m-2.824.941c0 .226.057.236 1.883.236s1.882-.01 1.882-.236s-.056-.235-1.882-.235s-1.883.01-1.883.235m4.706 0c0 .226.057.235 1.177.235s1.176-.01 1.176-.235c0-.226-.056-.236-1.176-.236s-1.177.01-1.177.236m-4.706 2.823c0 .226.062.235 1.883.235s1.882-.009 1.882-.235s-.061-.235-1.882-.235s-1.883.01-1.883.235M5.647 20h.942v-.47h-.942z"/></g><defs><clipPath id="SVGHcSWxdhd5"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBmxBackground(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(#SVGHcSWxdhd5)"><path fill="#17d5cf" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.53 4.706h2.588c2.946.047 3.543.028 4.39.419a4.14 4.14 0 0 1 1.51 1.251l.283.415l-.47-.396c-1.097-.94-1.43-1.167-4.537-1.219H8.471v.725l2.353-.019c3.012 0 3.6.184 4.466.894c.48.386.607.678.15.33c-.64-.47-.894-.706-3.204-.753H9.883v.753l2.353-.047c1.406 0 3.576.555 3.585 1.77c.01 1.213-.687 1.288-1.938 1.288c-.706 0-1.873-.018-2.673 0H9.883v.706H12c1.567.038 3.379.189 4.527 1.403c.579.611.697.87.198.433c-1.497-1.294-3.586-1.12-5.43-1.13H8.47v.706h2.823c3.27.047 3.845.085 4.518.541c.325.236.979.909.922.97c-.019.018-.174-.09-.348-.236c-.64-.536-.875-.536-3.68-.57c-2.485-.027-2.353.072-2.353.236c0 .165-.17.188 1.883.236c1.397.032 5.087-.255 4.413 2.145c-.414 1.384-5.44 1.149-7.002 1.149c-3.764 0-4 .06-4 .235c0 .183.344.263 5.177.235c1.459-.01 4.706 0 5.675-.494c.108-.103.193-.146.193-.103c0 .103-.522.63-.88.88c-.49.348-1.002.371-2.87.423h-1.883l-.014.72h1.313c2.748 0 3.906-.367 4.757-1.496c.382-.495.424-.433.095.122a4.4 4.4 0 0 1-1.624 1.459c-1.035.494-1.29.564-4.762.607H7.53V20h3.124c2.236-.033 4.716.07 6.447-1.614c.885-.885 1.252-1.807 1.252-3.243c0-1.346-.376-2.418-1.11-3.214a2.6 2.6 0 0 1-.386-.47c0-.038.108-.287.244-.565c.49-1.012.527-2.668.09-3.896c-.541-1.497-2-2.584-3.91-2.904C12.987 4.047 11.543 4 10.075 4H7.53z"/><path fill="#fff" d="M7.53 6.588c0 .245.037.254.686.222c.589-.038.697-.071.72-.255c.024-.178-.047-.202-.687-.202c-.673 0-.72.014-.72.235M8 8c0 .235.056.235 2.823.235s2.824 0 2.824-.235s-.057-.235-2.824-.235S8 7.765 8 8M6.588 9.177h3.294L9.86 8.96c-.024-.207-.033-.207-1.647-.235l-1.624-.019zm4.254-.334c-.094.305.109.357 1.46.329c1.28-.033 1.345-.042 1.345-.235c0-.189-.066-.193-1.379-.226c-1.19-.02-1.374 0-1.426.132m-3.312 5.75c0 .23.047.254.687.216c.578-.037.691-.07.72-.254c.028-.178-.052-.202-.687-.202c-.669 0-.72.024-.72.24m1.882-.005c0 .226.056.236 2.117.236s2.118-.01 2.118-.236s-.056-.235-2.117-.235s-2.118.01-2.118.235m-2.824.941c0 .226.057.236 1.883.236s1.882-.01 1.882-.236s-.056-.235-1.882-.235s-1.883.01-1.883.235m4.706 0c0 .226.057.235 1.177.235s1.176-.01 1.176-.235c0-.226-.056-.236-1.176-.236s-1.177.01-1.177.236m-4.706 2.823c0 .226.062.235 1.883.235s1.882-.009 1.882-.235s-.061-.235-1.882-.235s-1.883.01-1.883.235M5.647 20h.942v-.47h-.942z"/></g><defs><clipPath id="SVGHcSWxdhd5"><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(#SVGHcSWxdhd5)"><path fill="#17d5cf" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.53 4.706h2.588c2.946.047 3.543.028 4.39.419a4.14 4.14 0 0 1 1.51 1.251l.283.415l-.47-.396c-1.097-.94-1.43-1.167-4.537-1.219H8.471v.725l2.353-.019c3.012 0 3.6.184 4.466.894c.48.386.607.678.15.33c-.64-.47-.894-.706-3.204-.753H9.883v.753l2.353-.047c1.406 0 3.576.555 3.585 1.77c.01 1.213-.687 1.288-1.938 1.288c-.706 0-1.873-.018-2.673 0H9.883v.706H12c1.567.038 3.379.189 4.527 1.403c.579.611.697.87.198.433c-1.497-1.294-3.586-1.12-5.43-1.13H8.47v.706h2.823c3.27.047 3.845.085 4.518.541c.325.236.979.909.922.97c-.019.018-.174-.09-.348-.236c-.64-.536-.875-.536-3.68-.57c-2.485-.027-2.353.072-2.353.236c0 .165-.17.188 1.883.236c1.397.032 5.087-.255 4.413 2.145c-.414 1.384-5.44 1.149-7.002 1.149c-3.764 0-4 .06-4 .235c0 .183.344.263 5.177.235c1.459-.01 4.706 0 5.675-.494c.108-.103.193-.146.193-.103c0 .103-.522.63-.88.88c-.49.348-1.002.371-2.87.423h-1.883l-.014.72h1.313c2.748 0 3.906-.367 4.757-1.496c.382-.495.424-.433.095.122a4.4 4.4 0 0 1-1.624 1.459c-1.035.494-1.29.564-4.762.607H7.53V20h3.124c2.236-.033 4.716.07 6.447-1.614c.885-.885 1.252-1.807 1.252-3.243c0-1.346-.376-2.418-1.11-3.214a2.6 2.6 0 0 1-.386-.47c0-.038.108-.287.244-.565c.49-1.012.527-2.668.09-3.896c-.541-1.497-2-2.584-3.91-2.904C12.987 4.047 11.543 4 10.075 4H7.53z"/><path fill="#fff" d="M7.53 6.588c0 .245.037.254.686.222c.589-.038.697-.071.72-.255c.024-.178-.047-.202-.687-.202c-.673 0-.72.014-.72.235M8 8c0 .235.056.235 2.823.235s2.824 0 2.824-.235s-.057-.235-2.824-.235S8 7.765 8 8M6.588 9.177h3.294L9.86 8.96c-.024-.207-.033-.207-1.647-.235l-1.624-.019zm4.254-.334c-.094.305.109.357 1.46.329c1.28-.033 1.345-.042 1.345-.235c0-.189-.066-.193-1.379-.226c-1.19-.02-1.374 0-1.426.132m-3.312 5.75c0 .23.047.254.687.216c.578-.037.691-.07.72-.254c.028-.178-.052-.202-.687-.202c-.669 0-.72.024-.72.24m1.882-.005c0 .226.056.236 2.117.236s2.118-.01 2.118-.236s-.056-.235-2.117-.235s-2.118.01-2.118.235m-2.824.941c0 .226.057.236 1.883.236s1.882-.01 1.882-.236s-.056-.235-1.882-.235s-1.883.01-1.883.235m4.706 0c0 .226.057.235 1.177.235s1.176-.01 1.176-.235c0-.226-.056-.236-1.176-.236s-1.177.01-1.177.236m-4.706 2.823c0 .226.062.235 1.883.235s1.882-.009 1.882-.235s-.061-.235-1.882-.235s-1.883.01-1.883.235M5.647 20h.942v-.47h-.942z"/></g><defs><clipPath id="SVGHcSWxdhd5"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-bmx-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(%23SVGHcSWxdhd5)%22%3E%3Cpath%20fill%3D%22%2317d5cf%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.53%204.706h2.588c2.946.047%203.543.028%204.39.419a4.14%204.14%200%200%201%201.51%201.251l.283.415l-.47-.396c-1.097-.94-1.43-1.167-4.537-1.219H8.471v.725l2.353-.019c3.012%200%203.6.184%204.466.894c.48.386.607.678.15.33c-.64-.47-.894-.706-3.204-.753H9.883v.753l2.353-.047c1.406%200%203.576.555%203.585%201.77c.01%201.213-.687%201.288-1.938%201.288c-.706%200-1.873-.018-2.673%200H9.883v.706H12c1.567.038%203.379.189%204.527%201.403c.579.611.697.87.198.433c-1.497-1.294-3.586-1.12-5.43-1.13H8.47v.706h2.823c3.27.047%203.845.085%204.518.541c.325.236.979.909.922.97c-.019.018-.174-.09-.348-.236c-.64-.536-.875-.536-3.68-.57c-2.485-.027-2.353.072-2.353.236c0%20.165-.17.188%201.883.236c1.397.032%205.087-.255%204.413%202.145c-.414%201.384-5.44%201.149-7.002%201.149c-3.764%200-4%20.06-4%20.235c0%20.183.344.263%205.177.235c1.459-.01%204.706%200%205.675-.494c.108-.103.193-.146.193-.103c0%20.103-.522.63-.88.88c-.49.348-1.002.371-2.87.423h-1.883l-.014.72h1.313c2.748%200%203.906-.367%204.757-1.496c.382-.495.424-.433.095.122a4.4%204.4%200%200%201-1.624%201.459c-1.035.494-1.29.564-4.762.607H7.53V20h3.124c2.236-.033%204.716.07%206.447-1.614c.885-.885%201.252-1.807%201.252-3.243c0-1.346-.376-2.418-1.11-3.214a2.6%202.6%200%200%201-.386-.47c0-.038.108-.287.244-.565c.49-1.012.527-2.668.09-3.896c-.541-1.497-2-2.584-3.91-2.904C12.987%204.047%2011.543%204%2010.075%204H7.53z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.53%206.588c0%20.245.037.254.686.222c.589-.038.697-.071.72-.255c.024-.178-.047-.202-.687-.202c-.673%200-.72.014-.72.235M8%208c0%20.235.056.235%202.823.235s2.824%200%202.824-.235s-.057-.235-2.824-.235S8%207.765%208%208M6.588%209.177h3.294L9.86%208.96c-.024-.207-.033-.207-1.647-.235l-1.624-.019zm4.254-.334c-.094.305.109.357%201.46.329c1.28-.033%201.345-.042%201.345-.235c0-.189-.066-.193-1.379-.226c-1.19-.02-1.374%200-1.426.132m-3.312%205.75c0%20.23.047.254.687.216c.578-.037.691-.07.72-.254c.028-.178-.052-.202-.687-.202c-.669%200-.72.024-.72.24m1.882-.005c0%20.226.056.236%202.117.236s2.118-.01%202.118-.236s-.056-.235-2.117-.235s-2.118.01-2.118.235m-2.824.941c0%20.226.057.236%201.883.236s1.882-.01%201.882-.236s-.056-.235-1.882-.235s-1.883.01-1.883.235m4.706%200c0%20.226.057.235%201.177.235s1.176-.01%201.176-.235c0-.226-.056-.236-1.176-.236s-1.177.01-1.177.236m-4.706%202.823c0%20.226.062.235%201.883.235s1.882-.009%201.882-.235s-.061-.235-1.882-.235s-1.883.01-1.883.235M5.647%2020h.942v-.47h-.942z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd5%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(%23SVGHcSWxdhd5)%22%3E%3Cpath%20fill%3D%22%2317d5cf%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.53%204.706h2.588c2.946.047%203.543.028%204.39.419a4.14%204.14%200%200%201%201.51%201.251l.283.415l-.47-.396c-1.097-.94-1.43-1.167-4.537-1.219H8.471v.725l2.353-.019c3.012%200%203.6.184%204.466.894c.48.386.607.678.15.33c-.64-.47-.894-.706-3.204-.753H9.883v.753l2.353-.047c1.406%200%203.576.555%203.585%201.77c.01%201.213-.687%201.288-1.938%201.288c-.706%200-1.873-.018-2.673%200H9.883v.706H12c1.567.038%203.379.189%204.527%201.403c.579.611.697.87.198.433c-1.497-1.294-3.586-1.12-5.43-1.13H8.47v.706h2.823c3.27.047%203.845.085%204.518.541c.325.236.979.909.922.97c-.019.018-.174-.09-.348-.236c-.64-.536-.875-.536-3.68-.57c-2.485-.027-2.353.072-2.353.236c0%20.165-.17.188%201.883.236c1.397.032%205.087-.255%204.413%202.145c-.414%201.384-5.44%201.149-7.002%201.149c-3.764%200-4%20.06-4%20.235c0%20.183.344.263%205.177.235c1.459-.01%204.706%200%205.675-.494c.108-.103.193-.146.193-.103c0%20.103-.522.63-.88.88c-.49.348-1.002.371-2.87.423h-1.883l-.014.72h1.313c2.748%200%203.906-.367%204.757-1.496c.382-.495.424-.433.095.122a4.4%204.4%200%200%201-1.624%201.459c-1.035.494-1.29.564-4.762.607H7.53V20h3.124c2.236-.033%204.716.07%206.447-1.614c.885-.885%201.252-1.807%201.252-3.243c0-1.346-.376-2.418-1.11-3.214a2.6%202.6%200%200%201-.386-.47c0-.038.108-.287.244-.565c.49-1.012.527-2.668.09-3.896c-.541-1.497-2-2.584-3.91-2.904C12.987%204.047%2011.543%204%2010.075%204H7.53z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.53%206.588c0%20.245.037.254.686.222c.589-.038.697-.071.72-.255c.024-.178-.047-.202-.687-.202c-.673%200-.72.014-.72.235M8%208c0%20.235.056.235%202.823.235s2.824%200%202.824-.235s-.057-.235-2.824-.235S8%207.765%208%208M6.588%209.177h3.294L9.86%208.96c-.024-.207-.033-.207-1.647-.235l-1.624-.019zm4.254-.334c-.094.305.109.357%201.46.329c1.28-.033%201.345-.042%201.345-.235c0-.189-.066-.193-1.379-.226c-1.19-.02-1.374%200-1.426.132m-3.312%205.75c0%20.23.047.254.687.216c.578-.037.691-.07.72-.254c.028-.178-.052-.202-.687-.202c-.669%200-.72.024-.72.24m1.882-.005c0%20.226.056.236%202.117.236s2.118-.01%202.118-.236s-.056-.235-2.117-.235s-2.118.01-2.118.235m-2.824.941c0%20.226.057.236%201.883.236s1.882-.01%201.882-.236s-.056-.235-1.882-.235s-1.883.01-1.883.235m4.706%200c0%20.226.057.235%201.177.235s1.176-.01%201.176-.235c0-.226-.056-.236-1.176-.236s-1.177.01-1.177.236m-4.706%202.823c0%20.226.062.235%201.883.235s1.882-.009%201.882-.235s-.061-.235-1.882-.235s-1.883.01-1.883.235M5.647%2020h.942v-.47h-.942z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd5%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/bmx-background.svg?color=%231a73e8&size=48
