kick logo
kick-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- kick-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 kick 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(#SVGHcSWxdhd78)"><path fill="#e47d32" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.007c-3.758 0-6.996 3.238-6.996 6.996c0 3.757 3.238 6.995 6.995 6.995s6.996-3.238 6.996-6.995s-3.238-6.996-6.996-6.996m0 14.99a7.95 7.95 0 0 1-5.652-2.343A7.97 7.97 0 0 1 4.634 8.89a7.97 7.97 0 0 1 4.252-4.253a7.95 7.95 0 0 1 6.226 0a7.97 7.97 0 0 1 4.253 4.253a7.95 7.95 0 0 1 0 6.226a7.97 7.97 0 0 1-4.253 4.252a7.9 7.9 0 0 1-3.113.63"/><path fill="#fff" d="M13.138 11.792a.55.55 0 0 1-.274-1.029l4.746-2.718a.553.553 0 1 1 .55.96l-4.747 2.712a.6.6 0 0 1-.275.075"/><path fill="#fff" d="M12.993 11.793c-.274 0-.5-.25-.494-.55l.01-3.187c0-.305.22-.55.494-.55c.275 0 .5.25.495.55l-.01 3.188c0 .3-.22.55-.495.55"/><path fill="#fff" d="M15.807 13.302a.6.6 0 0 1-.26-.065l-2.758-1.35c-.27-.134-.37-.44-.225-.684a.58.58 0 0 1 .75-.2l2.758 1.35c.264.134.364.439.22.684c-.1.165-.29.26-.485.26zm-3.798 6.51c-.275 0-.495-.25-.495-.56l-.014-6.19c0-.305.22-.56.49-.56c.274 0 .494.25.494.56l.015 6.186c0 .305-.22.56-.49.56z"/><path fill="#fff" d="M9.236 15.25c-.19 0-.374-.1-.48-.28a.57.57 0 0 1 .2-.764l2.759-1.629a.55.55 0 0 1 .75.2a.566.566 0 0 1-.2.77L9.516 15.17a.6.6 0 0 1-.28.075z"/><path fill="#fff" d="M14.648 15.34c-.1 0-.205-.03-.3-.09l-2.654-1.718a.565.565 0 0 1-.17-.77a.547.547 0 0 1 .765-.17l2.648 1.72a.563.563 0 0 1-.024.959a.55.55 0 0 1-.265.07m-3.283-3.822c.15-.265.06-.6-.2-.75L6.103 7.875a.55.55 0 1 0-.55.955l5.062 2.883a.55.55 0 0 0 .75-.2z"/><path fill="#fff" d="M11.005 11.793c.275 0 .5-.25.495-.55l-.01-3.187c0-.305-.22-.55-.495-.55c-.274 0-.5.25-.494.55l.01 3.188c0 .3.22.55.494.55"/><path fill="#fff" d="M8.192 13.282c.09 0 .18-.02.26-.06l2.758-1.41c.27-.134.37-.45.225-.699a.573.573 0 0 0-.75-.215l-2.758 1.404a.507.507 0 0 0-.22.705c.1.175.29.275.485.275"/></g><defs><clipPath id="SVGHcSWxdhd78"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedKickBackground(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(#SVGHcSWxdhd78)"><path fill="#e47d32" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.007c-3.758 0-6.996 3.238-6.996 6.996c0 3.757 3.238 6.995 6.995 6.995s6.996-3.238 6.996-6.995s-3.238-6.996-6.996-6.996m0 14.99a7.95 7.95 0 0 1-5.652-2.343A7.97 7.97 0 0 1 4.634 8.89a7.97 7.97 0 0 1 4.252-4.253a7.95 7.95 0 0 1 6.226 0a7.97 7.97 0 0 1 4.253 4.253a7.95 7.95 0 0 1 0 6.226a7.97 7.97 0 0 1-4.253 4.252a7.9 7.9 0 0 1-3.113.63"/><path fill="#fff" d="M13.138 11.792a.55.55 0 0 1-.274-1.029l4.746-2.718a.553.553 0 1 1 .55.96l-4.747 2.712a.6.6 0 0 1-.275.075"/><path fill="#fff" d="M12.993 11.793c-.274 0-.5-.25-.494-.55l.01-3.187c0-.305.22-.55.494-.55c.275 0 .5.25.495.55l-.01 3.188c0 .3-.22.55-.495.55"/><path fill="#fff" d="M15.807 13.302a.6.6 0 0 1-.26-.065l-2.758-1.35c-.27-.134-.37-.44-.225-.684a.58.58 0 0 1 .75-.2l2.758 1.35c.264.134.364.439.22.684c-.1.165-.29.26-.485.26zm-3.798 6.51c-.275 0-.495-.25-.495-.56l-.014-6.19c0-.305.22-.56.49-.56c.274 0 .494.25.494.56l.015 6.186c0 .305-.22.56-.49.56z"/><path fill="#fff" d="M9.236 15.25c-.19 0-.374-.1-.48-.28a.57.57 0 0 1 .2-.764l2.759-1.629a.55.55 0 0 1 .75.2a.566.566 0 0 1-.2.77L9.516 15.17a.6.6 0 0 1-.28.075z"/><path fill="#fff" d="M14.648 15.34c-.1 0-.205-.03-.3-.09l-2.654-1.718a.565.565 0 0 1-.17-.77a.547.547 0 0 1 .765-.17l2.648 1.72a.563.563 0 0 1-.024.959a.55.55 0 0 1-.265.07m-3.283-3.822c.15-.265.06-.6-.2-.75L6.103 7.875a.55.55 0 1 0-.55.955l5.062 2.883a.55.55 0 0 0 .75-.2z"/><path fill="#fff" d="M11.005 11.793c.275 0 .5-.25.495-.55l-.01-3.187c0-.305-.22-.55-.495-.55c-.274 0-.5.25-.494.55l.01 3.188c0 .3.22.55.494.55"/><path fill="#fff" d="M8.192 13.282c.09 0 .18-.02.26-.06l2.758-1.41c.27-.134.37-.45.225-.699a.573.573 0 0 0-.75-.215l-2.758 1.404a.507.507 0 0 0-.22.705c.1.175.29.275.485.275"/></g><defs><clipPath id="SVGHcSWxdhd78"><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(#SVGHcSWxdhd78)"><path fill="#e47d32" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.007c-3.758 0-6.996 3.238-6.996 6.996c0 3.757 3.238 6.995 6.995 6.995s6.996-3.238 6.996-6.995s-3.238-6.996-6.996-6.996m0 14.99a7.95 7.95 0 0 1-5.652-2.343A7.97 7.97 0 0 1 4.634 8.89a7.97 7.97 0 0 1 4.252-4.253a7.95 7.95 0 0 1 6.226 0a7.97 7.97 0 0 1 4.253 4.253a7.95 7.95 0 0 1 0 6.226a7.97 7.97 0 0 1-4.253 4.252a7.9 7.9 0 0 1-3.113.63"/><path fill="#fff" d="M13.138 11.792a.55.55 0 0 1-.274-1.029l4.746-2.718a.553.553 0 1 1 .55.96l-4.747 2.712a.6.6 0 0 1-.275.075"/><path fill="#fff" d="M12.993 11.793c-.274 0-.5-.25-.494-.55l.01-3.187c0-.305.22-.55.494-.55c.275 0 .5.25.495.55l-.01 3.188c0 .3-.22.55-.495.55"/><path fill="#fff" d="M15.807 13.302a.6.6 0 0 1-.26-.065l-2.758-1.35c-.27-.134-.37-.44-.225-.684a.58.58 0 0 1 .75-.2l2.758 1.35c.264.134.364.439.22.684c-.1.165-.29.26-.485.26zm-3.798 6.51c-.275 0-.495-.25-.495-.56l-.014-6.19c0-.305.22-.56.49-.56c.274 0 .494.25.494.56l.015 6.186c0 .305-.22.56-.49.56z"/><path fill="#fff" d="M9.236 15.25c-.19 0-.374-.1-.48-.28a.57.57 0 0 1 .2-.764l2.759-1.629a.55.55 0 0 1 .75.2a.566.566 0 0 1-.2.77L9.516 15.17a.6.6 0 0 1-.28.075z"/><path fill="#fff" d="M14.648 15.34c-.1 0-.205-.03-.3-.09l-2.654-1.718a.565.565 0 0 1-.17-.77a.547.547 0 0 1 .765-.17l2.648 1.72a.563.563 0 0 1-.024.959a.55.55 0 0 1-.265.07m-3.283-3.822c.15-.265.06-.6-.2-.75L6.103 7.875a.55.55 0 1 0-.55.955l5.062 2.883a.55.55 0 0 0 .75-.2z"/><path fill="#fff" d="M11.005 11.793c.275 0 .5-.25.495-.55l-.01-3.187c0-.305-.22-.55-.495-.55c-.274 0-.5.25-.494.55l.01 3.188c0 .3.22.55.494.55"/><path fill="#fff" d="M8.192 13.282c.09 0 .18-.02.26-.06l2.758-1.41c.27-.134.37-.45.225-.699a.573.573 0 0 0-.75-.215l-2.758 1.404a.507.507 0 0 0-.22.705c.1.175.29.275.485.275"/></g><defs><clipPath id="SVGHcSWxdhd78"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-kick-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(%23SVGHcSWxdhd78)%22%3E%3Cpath%20fill%3D%22%23e47d32%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%205.007c-3.758%200-6.996%203.238-6.996%206.996c0%203.757%203.238%206.995%206.995%206.995s6.996-3.238%206.996-6.995s-3.238-6.996-6.996-6.996m0%2014.99a7.95%207.95%200%200%201-5.652-2.343A7.97%207.97%200%200%201%204.634%208.89a7.97%207.97%200%200%201%204.252-4.253a7.95%207.95%200%200%201%206.226%200a7.97%207.97%200%200%201%204.253%204.253a7.95%207.95%200%200%201%200%206.226a7.97%207.97%200%200%201-4.253%204.252a7.9%207.9%200%200%201-3.113.63%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.138%2011.792a.55.55%200%200%201-.274-1.029l4.746-2.718a.553.553%200%201%201%20.55.96l-4.747%202.712a.6.6%200%200%201-.275.075%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.993%2011.793c-.274%200-.5-.25-.494-.55l.01-3.187c0-.305.22-.55.494-.55c.275%200%20.5.25.495.55l-.01%203.188c0%20.3-.22.55-.495.55%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.807%2013.302a.6.6%200%200%201-.26-.065l-2.758-1.35c-.27-.134-.37-.44-.225-.684a.58.58%200%200%201%20.75-.2l2.758%201.35c.264.134.364.439.22.684c-.1.165-.29.26-.485.26zm-3.798%206.51c-.275%200-.495-.25-.495-.56l-.014-6.19c0-.305.22-.56.49-.56c.274%200%20.494.25.494.56l.015%206.186c0%20.305-.22.56-.49.56z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.236%2015.25c-.19%200-.374-.1-.48-.28a.57.57%200%200%201%20.2-.764l2.759-1.629a.55.55%200%200%201%20.75.2a.566.566%200%200%201-.2.77L9.516%2015.17a.6.6%200%200%201-.28.075z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.648%2015.34c-.1%200-.205-.03-.3-.09l-2.654-1.718a.565.565%200%200%201-.17-.77a.547.547%200%200%201%20.765-.17l2.648%201.72a.563.563%200%200%201-.024.959a.55.55%200%200%201-.265.07m-3.283-3.822c.15-.265.06-.6-.2-.75L6.103%207.875a.55.55%200%201%200-.55.955l5.062%202.883a.55.55%200%200%200%20.75-.2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.005%2011.793c.275%200%20.5-.25.495-.55l-.01-3.187c0-.305-.22-.55-.495-.55c-.274%200-.5.25-.494.55l.01%203.188c0%20.3.22.55.494.55%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.192%2013.282c.09%200%20.18-.02.26-.06l2.758-1.41c.27-.134.37-.45.225-.699a.573.573%200%200%200-.75-.215l-2.758%201.404a.507.507%200%200%200-.22.705c.1.175.29.275.485.275%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd78%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(%23SVGHcSWxdhd78)%22%3E%3Cpath%20fill%3D%22%23e47d32%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%205.007c-3.758%200-6.996%203.238-6.996%206.996c0%203.757%203.238%206.995%206.995%206.995s6.996-3.238%206.996-6.995s-3.238-6.996-6.996-6.996m0%2014.99a7.95%207.95%200%200%201-5.652-2.343A7.97%207.97%200%200%201%204.634%208.89a7.97%207.97%200%200%201%204.252-4.253a7.95%207.95%200%200%201%206.226%200a7.97%207.97%200%200%201%204.253%204.253a7.95%207.95%200%200%201%200%206.226a7.97%207.97%200%200%201-4.253%204.252a7.9%207.9%200%200%201-3.113.63%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.138%2011.792a.55.55%200%200%201-.274-1.029l4.746-2.718a.553.553%200%201%201%20.55.96l-4.747%202.712a.6.6%200%200%201-.275.075%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.993%2011.793c-.274%200-.5-.25-.494-.55l.01-3.187c0-.305.22-.55.494-.55c.275%200%20.5.25.495.55l-.01%203.188c0%20.3-.22.55-.495.55%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.807%2013.302a.6.6%200%200%201-.26-.065l-2.758-1.35c-.27-.134-.37-.44-.225-.684a.58.58%200%200%201%20.75-.2l2.758%201.35c.264.134.364.439.22.684c-.1.165-.29.26-.485.26zm-3.798%206.51c-.275%200-.495-.25-.495-.56l-.014-6.19c0-.305.22-.56.49-.56c.274%200%20.494.25.494.56l.015%206.186c0%20.305-.22.56-.49.56z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.236%2015.25c-.19%200-.374-.1-.48-.28a.57.57%200%200%201%20.2-.764l2.759-1.629a.55.55%200%200%201%20.75.2a.566.566%200%200%201-.2.77L9.516%2015.17a.6.6%200%200%201-.28.075z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.648%2015.34c-.1%200-.205-.03-.3-.09l-2.654-1.718a.565.565%200%200%201-.17-.77a.547.547%200%200%201%20.765-.17l2.648%201.72a.563.563%200%200%201-.024.959a.55.55%200%200%201-.265.07m-3.283-3.822c.15-.265.06-.6-.2-.75L6.103%207.875a.55.55%200%201%200-.55.955l5.062%202.883a.55.55%200%200%200%20.75-.2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.005%2011.793c.275%200%20.5-.25.495-.55l-.01-3.187c0-.305-.22-.55-.495-.55c-.274%200-.5.25-.494.55l.01%203.188c0%20.3.22.55.494.55%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.192%2013.282c.09%200%20.18-.02.26-.06l2.758-1.41c.27-.134.37-.45.225-.699a.573.573%200%200%200-.75-.215l-2.758%201.404a.507.507%200%200%200-.22.705c.1.175.29.275.485.275%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd78%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/kick-background.svg?color=%231a73e8&size=48
