kicks logo

kicks from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: kicks
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the kicks logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGlXePNcxj)" d="m7.903 9.343l.184-.67H5.262a1.25 1.25 0 0 0-1.233.999l-.23 1.146a.83.83 0 0 0 .82.986h2.658l.418-1.565H6.561l-.208.587h-1.01a.235.235 0 0 1-.234-.29l.18-.708a.24.24 0 0 1 .235-.18h1.972a.42.42 0 0 0 .407-.305m5.083 3.913l.188-.67h-2.426a1.26 1.26 0 0 0-1.24.999l-.232 1.146a.83.83 0 0 0 .826.986h2.41l.212-.978h-1.898a.236.236 0 0 1-.236-.183a.2.2 0 0 1 .001-.106l.184-.709a.24.24 0 0 1 .235-.18h1.565c.196 0 .36-.125.407-.305z"/><path fill="url(#SVG0rU9jdxP)" fill-rule="evenodd" d="M8.33 9.672a1.29 1.29 0 0 1 1.276-.998h1.436c.547 0 .958.477.853.986l-.208.97h-2.23a.196.196 0 0 0 0 .392h2.152l-.16.782h-2.43c-.587 0-1.026-.508-.912-1.056zm1.322-.02c0-.11.087-.195.196-.195h.783a.196.196 0 0 1 0 .39h-.783a.196.196 0 0 1-.196-.195" clip-rule="evenodd"/><path fill="url(#SVGXAbFEb5F)" d="m12.783 9.652l-.286 1.448a.586.586 0 0 0 .571.704h1.8l.262-.978h-1.37l.26-1.174h.246c.332 0 .735-.305.802-.638l.062-.34h-.93l.085-.392h-1.252l-.078.392h-.392l-.172.978zm-4.806 2.935h1.284l-.673 3.13H7.304zm6.75.849l.165-.85h-1.166l-.615 3.131h1.166l.133-.665l.392-.4l.704 1.065h1.346l-1.142-1.773l1.377-1.358c-.86.02-1.69.317-2.36.85m-11.113-.85h1.17L4.55 13.76h.371l1.159-1.174h1.244l-1.362 1.597l.951 1.534h-.434c-.595-.243-1.37-.712-1.55-1.417c-.09.02-.297.07-.438.118a.8.8 0 0 0-.2.106c-.086.058-.156.105-.211.07c-.07-.047-.106-.176-.117-.235c.078.04.242.106.266.059c.027-.059-.032-.298-.266-.298s-.353.388-.353.713s.235.41.353.41h.023c.16 0 .747-.007.94.384l-.06-.024a2 2 0 0 0-.696-.18a1.7 1.7 0 0 1-.556-.117c.047.078.188.235.353.235c.18 0 .528.024.704.176H3zm17.308.407l.078-.407h-2.512a1.02 1.02 0 0 0-1.01 1.026v.215c0 .36.274.665.618.716l1.59.243H17.78a.65.65 0 0 0-.635.555l-.058.376h2.657c.493 0 .81-.395.841-.9l.024-.372c.023-.36-.157-.673-.509-.692l-1.221-.079a.08.08 0 0 1-.07-.078a.08.08 0 0 1 .078-.078h1.416a.64.64 0 0 0 .622-.525z"/><defs><linearGradient id="SVGlXePNcxj" x1="8.478" x2="8.478" y1="8.674" y2="15.717" gradientUnits="userSpaceOnUse"><stop stop-color="#ff5959"/><stop offset="1" stop-color="#e72324"/></linearGradient><linearGradient id="SVG0rU9jdxP" x1="10" x2="10" y1="8.674" y2="11.804" gradientUnits="userSpaceOnUse"><stop stop-color="#ff5959"/><stop offset="1" stop-color="#e72324"/></linearGradient><linearGradient id="SVGXAbFEb5F" x1="12" x2="12" y1="8.282" y2="15.717" gradientUnits="userSpaceOnUse"><stop stop-color="#ff5959"/><stop offset="1" stop-color="#e72324"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedKicks(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"><path fill="url(#SVGlXePNcxj)" d="m7.903 9.343l.184-.67H5.262a1.25 1.25 0 0 0-1.233.999l-.23 1.146a.83.83 0 0 0 .82.986h2.658l.418-1.565H6.561l-.208.587h-1.01a.235.235 0 0 1-.234-.29l.18-.708a.24.24 0 0 1 .235-.18h1.972a.42.42 0 0 0 .407-.305m5.083 3.913l.188-.67h-2.426a1.26 1.26 0 0 0-1.24.999l-.232 1.146a.83.83 0 0 0 .826.986h2.41l.212-.978h-1.898a.236.236 0 0 1-.236-.183a.2.2 0 0 1 .001-.106l.184-.709a.24.24 0 0 1 .235-.18h1.565c.196 0 .36-.125.407-.305z"/><path fill="url(#SVG0rU9jdxP)" fillRule="evenodd" d="M8.33 9.672a1.29 1.29 0 0 1 1.276-.998h1.436c.547 0 .958.477.853.986l-.208.97h-2.23a.196.196 0 0 0 0 .392h2.152l-.16.782h-2.43c-.587 0-1.026-.508-.912-1.056zm1.322-.02c0-.11.087-.195.196-.195h.783a.196.196 0 0 1 0 .39h-.783a.196.196 0 0 1-.196-.195" clipRule="evenodd"/><path fill="url(#SVGXAbFEb5F)" d="m12.783 9.652l-.286 1.448a.586.586 0 0 0 .571.704h1.8l.262-.978h-1.37l.26-1.174h.246c.332 0 .735-.305.802-.638l.062-.34h-.93l.085-.392h-1.252l-.078.392h-.392l-.172.978zm-4.806 2.935h1.284l-.673 3.13H7.304zm6.75.849l.165-.85h-1.166l-.615 3.131h1.166l.133-.665l.392-.4l.704 1.065h1.346l-1.142-1.773l1.377-1.358c-.86.02-1.69.317-2.36.85m-11.113-.85h1.17L4.55 13.76h.371l1.159-1.174h1.244l-1.362 1.597l.951 1.534h-.434c-.595-.243-1.37-.712-1.55-1.417c-.09.02-.297.07-.438.118a.8.8 0 0 0-.2.106c-.086.058-.156.105-.211.07c-.07-.047-.106-.176-.117-.235c.078.04.242.106.266.059c.027-.059-.032-.298-.266-.298s-.353.388-.353.713s.235.41.353.41h.023c.16 0 .747-.007.94.384l-.06-.024a2 2 0 0 0-.696-.18a1.7 1.7 0 0 1-.556-.117c.047.078.188.235.353.235c.18 0 .528.024.704.176H3zm17.308.407l.078-.407h-2.512a1.02 1.02 0 0 0-1.01 1.026v.215c0 .36.274.665.618.716l1.59.243H17.78a.65.65 0 0 0-.635.555l-.058.376h2.657c.493 0 .81-.395.841-.9l.024-.372c.023-.36-.157-.673-.509-.692l-1.221-.079a.08.08 0 0 1-.07-.078a.08.08 0 0 1 .078-.078h1.416a.64.64 0 0 0 .622-.525z"/><defs><linearGradient id="SVGlXePNcxj" x1="8.478" x2="8.478" y1="8.674" y2="15.717" gradientUnits="userSpaceOnUse"><stop stopColor="#ff5959"/><stop offset="1" stopColor="#e72324"/></linearGradient><linearGradient id="SVG0rU9jdxP" x1="10" x2="10" y1="8.674" y2="11.804" gradientUnits="userSpaceOnUse"><stop stopColor="#ff5959"/><stop offset="1" stopColor="#e72324"/></linearGradient><linearGradient id="SVGXAbFEb5F" x1="12" x2="12" y1="8.282" y2="15.717" gradientUnits="userSpaceOnUse"><stop stopColor="#ff5959"/><stop offset="1" stopColor="#e72324"/></linearGradient></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"><path fill="url(#SVGlXePNcxj)" d="m7.903 9.343l.184-.67H5.262a1.25 1.25 0 0 0-1.233.999l-.23 1.146a.83.83 0 0 0 .82.986h2.658l.418-1.565H6.561l-.208.587h-1.01a.235.235 0 0 1-.234-.29l.18-.708a.24.24 0 0 1 .235-.18h1.972a.42.42 0 0 0 .407-.305m5.083 3.913l.188-.67h-2.426a1.26 1.26 0 0 0-1.24.999l-.232 1.146a.83.83 0 0 0 .826.986h2.41l.212-.978h-1.898a.236.236 0 0 1-.236-.183a.2.2 0 0 1 .001-.106l.184-.709a.24.24 0 0 1 .235-.18h1.565c.196 0 .36-.125.407-.305z"/><path fill="url(#SVG0rU9jdxP)" fill-rule="evenodd" d="M8.33 9.672a1.29 1.29 0 0 1 1.276-.998h1.436c.547 0 .958.477.853.986l-.208.97h-2.23a.196.196 0 0 0 0 .392h2.152l-.16.782h-2.43c-.587 0-1.026-.508-.912-1.056zm1.322-.02c0-.11.087-.195.196-.195h.783a.196.196 0 0 1 0 .39h-.783a.196.196 0 0 1-.196-.195" clip-rule="evenodd"/><path fill="url(#SVGXAbFEb5F)" d="m12.783 9.652l-.286 1.448a.586.586 0 0 0 .571.704h1.8l.262-.978h-1.37l.26-1.174h.246c.332 0 .735-.305.802-.638l.062-.34h-.93l.085-.392h-1.252l-.078.392h-.392l-.172.978zm-4.806 2.935h1.284l-.673 3.13H7.304zm6.75.849l.165-.85h-1.166l-.615 3.131h1.166l.133-.665l.392-.4l.704 1.065h1.346l-1.142-1.773l1.377-1.358c-.86.02-1.69.317-2.36.85m-11.113-.85h1.17L4.55 13.76h.371l1.159-1.174h1.244l-1.362 1.597l.951 1.534h-.434c-.595-.243-1.37-.712-1.55-1.417c-.09.02-.297.07-.438.118a.8.8 0 0 0-.2.106c-.086.058-.156.105-.211.07c-.07-.047-.106-.176-.117-.235c.078.04.242.106.266.059c.027-.059-.032-.298-.266-.298s-.353.388-.353.713s.235.41.353.41h.023c.16 0 .747-.007.94.384l-.06-.024a2 2 0 0 0-.696-.18a1.7 1.7 0 0 1-.556-.117c.047.078.188.235.353.235c.18 0 .528.024.704.176H3zm17.308.407l.078-.407h-2.512a1.02 1.02 0 0 0-1.01 1.026v.215c0 .36.274.665.618.716l1.59.243H17.78a.65.65 0 0 0-.635.555l-.058.376h2.657c.493 0 .81-.395.841-.9l.024-.372c.023-.36-.157-.673-.509-.692l-1.221-.079a.08.08 0 0 1-.07-.078a.08.08 0 0 1 .078-.078h1.416a.64.64 0 0 0 .622-.525z"/><defs><linearGradient id="SVGlXePNcxj" x1="8.478" x2="8.478" y1="8.674" y2="15.717" gradientUnits="userSpaceOnUse"><stop stop-color="#ff5959"/><stop offset="1" stop-color="#e72324"/></linearGradient><linearGradient id="SVG0rU9jdxP" x1="10" x2="10" y1="8.674" y2="11.804" gradientUnits="userSpaceOnUse"><stop stop-color="#ff5959"/><stop offset="1" stop-color="#e72324"/></linearGradient><linearGradient id="SVGXAbFEb5F" x1="12" x2="12" y1="8.282" y2="15.717" gradientUnits="userSpaceOnUse"><stop stop-color="#ff5959"/><stop offset="1" stop-color="#e72324"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-kicks {
  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%3Cpath%20fill%3D%22url(%23SVGlXePNcxj)%22%20d%3D%22m7.903%209.343l.184-.67H5.262a1.25%201.25%200%200%200-1.233.999l-.23%201.146a.83.83%200%200%200%20.82.986h2.658l.418-1.565H6.561l-.208.587h-1.01a.235.235%200%200%201-.234-.29l.18-.708a.24.24%200%200%201%20.235-.18h1.972a.42.42%200%200%200%20.407-.305m5.083%203.913l.188-.67h-2.426a1.26%201.26%200%200%200-1.24.999l-.232%201.146a.83.83%200%200%200%20.826.986h2.41l.212-.978h-1.898a.236.236%200%200%201-.236-.183a.2.2%200%200%201%20.001-.106l.184-.709a.24.24%200%200%201%20.235-.18h1.565c.196%200%20.36-.125.407-.305z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0rU9jdxP)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.33%209.672a1.29%201.29%200%200%201%201.276-.998h1.436c.547%200%20.958.477.853.986l-.208.97h-2.23a.196.196%200%200%200%200%20.392h2.152l-.16.782h-2.43c-.587%200-1.026-.508-.912-1.056zm1.322-.02c0-.11.087-.195.196-.195h.783a.196.196%200%200%201%200%20.39h-.783a.196.196%200%200%201-.196-.195%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXAbFEb5F)%22%20d%3D%22m12.783%209.652l-.286%201.448a.586.586%200%200%200%20.571.704h1.8l.262-.978h-1.37l.26-1.174h.246c.332%200%20.735-.305.802-.638l.062-.34h-.93l.085-.392h-1.252l-.078.392h-.392l-.172.978zm-4.806%202.935h1.284l-.673%203.13H7.304zm6.75.849l.165-.85h-1.166l-.615%203.131h1.166l.133-.665l.392-.4l.704%201.065h1.346l-1.142-1.773l1.377-1.358c-.86.02-1.69.317-2.36.85m-11.113-.85h1.17L4.55%2013.76h.371l1.159-1.174h1.244l-1.362%201.597l.951%201.534h-.434c-.595-.243-1.37-.712-1.55-1.417c-.09.02-.297.07-.438.118a.8.8%200%200%200-.2.106c-.086.058-.156.105-.211.07c-.07-.047-.106-.176-.117-.235c.078.04.242.106.266.059c.027-.059-.032-.298-.266-.298s-.353.388-.353.713s.235.41.353.41h.023c.16%200%20.747-.007.94.384l-.06-.024a2%202%200%200%200-.696-.18a1.7%201.7%200%200%201-.556-.117c.047.078.188.235.353.235c.18%200%20.528.024.704.176H3zm17.308.407l.078-.407h-2.512a1.02%201.02%200%200%200-1.01%201.026v.215c0%20.36.274.665.618.716l1.59.243H17.78a.65.65%200%200%200-.635.555l-.058.376h2.657c.493%200%20.81-.395.841-.9l.024-.372c.023-.36-.157-.673-.509-.692l-1.221-.079a.08.08%200%200%201-.07-.078a.08.08%200%200%201%20.078-.078h1.416a.64.64%200%200%200%20.622-.525z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGlXePNcxj%22%20x1%3D%228.478%22%20x2%3D%228.478%22%20y1%3D%228.674%22%20y2%3D%2215.717%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff5959%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e72324%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0rU9jdxP%22%20x1%3D%2210%22%20x2%3D%2210%22%20y1%3D%228.674%22%20y2%3D%2211.804%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff5959%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e72324%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGXAbFEb5F%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228.282%22%20y2%3D%2215.717%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff5959%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e72324%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGlXePNcxj)%22%20d%3D%22m7.903%209.343l.184-.67H5.262a1.25%201.25%200%200%200-1.233.999l-.23%201.146a.83.83%200%200%200%20.82.986h2.658l.418-1.565H6.561l-.208.587h-1.01a.235.235%200%200%201-.234-.29l.18-.708a.24.24%200%200%201%20.235-.18h1.972a.42.42%200%200%200%20.407-.305m5.083%203.913l.188-.67h-2.426a1.26%201.26%200%200%200-1.24.999l-.232%201.146a.83.83%200%200%200%20.826.986h2.41l.212-.978h-1.898a.236.236%200%200%201-.236-.183a.2.2%200%200%201%20.001-.106l.184-.709a.24.24%200%200%201%20.235-.18h1.565c.196%200%20.36-.125.407-.305z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0rU9jdxP)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.33%209.672a1.29%201.29%200%200%201%201.276-.998h1.436c.547%200%20.958.477.853.986l-.208.97h-2.23a.196.196%200%200%200%200%20.392h2.152l-.16.782h-2.43c-.587%200-1.026-.508-.912-1.056zm1.322-.02c0-.11.087-.195.196-.195h.783a.196.196%200%200%201%200%20.39h-.783a.196.196%200%200%201-.196-.195%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXAbFEb5F)%22%20d%3D%22m12.783%209.652l-.286%201.448a.586.586%200%200%200%20.571.704h1.8l.262-.978h-1.37l.26-1.174h.246c.332%200%20.735-.305.802-.638l.062-.34h-.93l.085-.392h-1.252l-.078.392h-.392l-.172.978zm-4.806%202.935h1.284l-.673%203.13H7.304zm6.75.849l.165-.85h-1.166l-.615%203.131h1.166l.133-.665l.392-.4l.704%201.065h1.346l-1.142-1.773l1.377-1.358c-.86.02-1.69.317-2.36.85m-11.113-.85h1.17L4.55%2013.76h.371l1.159-1.174h1.244l-1.362%201.597l.951%201.534h-.434c-.595-.243-1.37-.712-1.55-1.417c-.09.02-.297.07-.438.118a.8.8%200%200%200-.2.106c-.086.058-.156.105-.211.07c-.07-.047-.106-.176-.117-.235c.078.04.242.106.266.059c.027-.059-.032-.298-.266-.298s-.353.388-.353.713s.235.41.353.41h.023c.16%200%20.747-.007.94.384l-.06-.024a2%202%200%200%200-.696-.18a1.7%201.7%200%200%201-.556-.117c.047.078.188.235.353.235c.18%200%20.528.024.704.176H3zm17.308.407l.078-.407h-2.512a1.02%201.02%200%200%200-1.01%201.026v.215c0%20.36.274.665.618.716l1.59.243H17.78a.65.65%200%200%200-.635.555l-.058.376h2.657c.493%200%20.81-.395.841-.9l.024-.372c.023-.36-.157-.673-.509-.692l-1.221-.079a.08.08%200%200%201-.07-.078a.08.08%200%200%201%20.078-.078h1.416a.64.64%200%200%200%20.622-.525z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGlXePNcxj%22%20x1%3D%228.478%22%20x2%3D%228.478%22%20y1%3D%228.674%22%20y2%3D%2215.717%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff5959%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e72324%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0rU9jdxP%22%20x1%3D%2210%22%20x2%3D%2210%22%20y1%3D%228.674%22%20y2%3D%2211.804%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff5959%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e72324%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGXAbFEb5F%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%228.282%22%20y2%3D%2215.717%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff5959%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e72324%22%2F%3E%3C%2FlinearGradient%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/kicks.svg?color=%231a73e8&size=48