storj logo

storj-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: storj-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 storj 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(#SVGHcSWxdhd3)"><path fill="#2683ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.158 13.633a1.84 1.84 0 0 1-.86.212a1.83 1.83 0 0 1-1.061-.336a1.45 1.45 0 0 1-.603.131a1.426 1.426 0 0 1-1.436-1.418c0-.782.643-1.417 1.436-1.417q.156 0 .302.031a1.84 1.84 0 0 1 1.362-.602c.9 0 1.646.641 1.8 1.485a1.08 1.08 0 0 1 .806 1.044c0 .598-.49 1.082-1.095 1.082a1.1 1.1 0 0 1-.651-.212m4.379-4.583l-.114-.18a.447.447 0 0 1 .428-.583c.248 0 .45.2.45.445a.452.452 0 0 1-.763.319M6.58 8.866l-.12.188a.452.452 0 0 1-.76-.322c0-.246.202-.445.45-.445a.447.447 0 0 1 .43.579m5.418-3.089c.249 0 .45-.198.45-.444a.447.447 0 0 0-.45-.444a.45.45 0 0 0-.45.444a.447.447 0 0 0 .45.444m.45 12.89a.447.447 0 0 1-.45.444c-.248 0-.45-.199-.45-.444s.202-.444.45-.444c.249 0 .45.199.45.444M6.15 15.715c.249 0 .45-.199.45-.444a.447.447 0 0 0-.45-.445a.448.448 0 0 0-.414.616a.45.45 0 0 0 .414.273m12.15-.444a.447.447 0 0 1-.45.444a.45.45 0 0 1-.45-.444c0-.246.202-.445.45-.445s.45.2.45.445"/><path fill="#fff" fill-rule="evenodd" d="M13.316 5.632q.034-.144.034-.299C13.35 4.597 12.746 4 12 4a1.342 1.342 0 0 0-1.316 1.632l-3.668 2.07a1.36 1.36 0 0 0-.866-.31A1.34 1.34 0 0 0 4.8 8.725a1.335 1.335 0 0 0 .9 1.257V14c-.524.183-.9.677-.9 1.257c0 .737.604 1.334 1.35 1.334c.31 0 .61-.105.852-.3l3.682 2.078A1.342 1.342 0 0 0 12 20a1.342 1.342 0 0 0 1.316-1.632l3.682-2.078c.232.188.529.3.852.3c.746 0 1.35-.598 1.35-1.334A1.335 1.335 0 0 0 18.3 14V9.982c.524-.183.9-.677.9-1.257c0-.737-.604-1.334-1.35-1.334c-.316 0-.622.11-.866.31zm-.867.466a.89.89 0 0 0 .442-.765a.895.895 0 0 0-.9-.889a.887.887 0 0 0-.441 1.664v3.468a2.6 2.6 0 0 0-.953.516l-.078-.002c-.307 0-.6.066-.862.184L7.047 8.66a.895.895 0 0 0-.897-.824c-.497 0-.9.398-.9.889a.904.904 0 0 0 1.4.739l2.248 1.389a2.04 2.04 0 0 0-.217 2.279l-2.105 1.341a.904.904 0 0 0-1.326.783c0 .491.403.89.9.89a.894.894 0 0 0 .9-.918l2.226-1.418a2.1 2.1 0 0 0 1.58.378c.216.14.45.249.693.321v3.383a.89.89 0 0 0-.458.775c0 .49.403.888.9.888s.9-.397.9-.888a.89.89 0 0 0-.442-.766v-3.288q.295-.017.578-.098a1.91 1.91 0 0 0 2.147-.391l1.776 1.108v.024c0 .491.403.89.9.89s.9-.399.9-.89a.894.894 0 0 0-.9-.888a.9.9 0 0 0-.429.107l-1.79-1.118a1.84 1.84 0 0 0-.177-1.463a1.86 1.86 0 0 0-.687-.68l-.047-.126l2.629-1.625c.143.095.316.15.501.15c.497 0 .9-.397.9-.888a.894.894 0 0 0-.9-.889a.895.895 0 0 0-.898.823l-2.705 1.673a2.6 2.6 0 0 0-1.798-.86z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd3"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedStorjBackground(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(#SVGHcSWxdhd3)"><path fill="#2683ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.158 13.633a1.84 1.84 0 0 1-.86.212a1.83 1.83 0 0 1-1.061-.336a1.45 1.45 0 0 1-.603.131a1.426 1.426 0 0 1-1.436-1.418c0-.782.643-1.417 1.436-1.417q.156 0 .302.031a1.84 1.84 0 0 1 1.362-.602c.9 0 1.646.641 1.8 1.485a1.08 1.08 0 0 1 .806 1.044c0 .598-.49 1.082-1.095 1.082a1.1 1.1 0 0 1-.651-.212m4.379-4.583l-.114-.18a.447.447 0 0 1 .428-.583c.248 0 .45.2.45.445a.452.452 0 0 1-.763.319M6.58 8.866l-.12.188a.452.452 0 0 1-.76-.322c0-.246.202-.445.45-.445a.447.447 0 0 1 .43.579m5.418-3.089c.249 0 .45-.198.45-.444a.447.447 0 0 0-.45-.444a.45.45 0 0 0-.45.444a.447.447 0 0 0 .45.444m.45 12.89a.447.447 0 0 1-.45.444c-.248 0-.45-.199-.45-.444s.202-.444.45-.444c.249 0 .45.199.45.444M6.15 15.715c.249 0 .45-.199.45-.444a.447.447 0 0 0-.45-.445a.448.448 0 0 0-.414.616a.45.45 0 0 0 .414.273m12.15-.444a.447.447 0 0 1-.45.444a.45.45 0 0 1-.45-.444c0-.246.202-.445.45-.445s.45.2.45.445"/><path fill="#fff" fillRule="evenodd" d="M13.316 5.632q.034-.144.034-.299C13.35 4.597 12.746 4 12 4a1.342 1.342 0 0 0-1.316 1.632l-3.668 2.07a1.36 1.36 0 0 0-.866-.31A1.34 1.34 0 0 0 4.8 8.725a1.335 1.335 0 0 0 .9 1.257V14c-.524.183-.9.677-.9 1.257c0 .737.604 1.334 1.35 1.334c.31 0 .61-.105.852-.3l3.682 2.078A1.342 1.342 0 0 0 12 20a1.342 1.342 0 0 0 1.316-1.632l3.682-2.078c.232.188.529.3.852.3c.746 0 1.35-.598 1.35-1.334A1.335 1.335 0 0 0 18.3 14V9.982c.524-.183.9-.677.9-1.257c0-.737-.604-1.334-1.35-1.334c-.316 0-.622.11-.866.31zm-.867.466a.89.89 0 0 0 .442-.765a.895.895 0 0 0-.9-.889a.887.887 0 0 0-.441 1.664v3.468a2.6 2.6 0 0 0-.953.516l-.078-.002c-.307 0-.6.066-.862.184L7.047 8.66a.895.895 0 0 0-.897-.824c-.497 0-.9.398-.9.889a.904.904 0 0 0 1.4.739l2.248 1.389a2.04 2.04 0 0 0-.217 2.279l-2.105 1.341a.904.904 0 0 0-1.326.783c0 .491.403.89.9.89a.894.894 0 0 0 .9-.918l2.226-1.418a2.1 2.1 0 0 0 1.58.378c.216.14.45.249.693.321v3.383a.89.89 0 0 0-.458.775c0 .49.403.888.9.888s.9-.397.9-.888a.89.89 0 0 0-.442-.766v-3.288q.295-.017.578-.098a1.91 1.91 0 0 0 2.147-.391l1.776 1.108v.024c0 .491.403.89.9.89s.9-.399.9-.89a.894.894 0 0 0-.9-.888a.9.9 0 0 0-.429.107l-1.79-1.118a1.84 1.84 0 0 0-.177-1.463a1.86 1.86 0 0 0-.687-.68l-.047-.126l2.629-1.625c.143.095.316.15.501.15c.497 0 .9-.397.9-.888a.894.894 0 0 0-.9-.889a.895.895 0 0 0-.898.823l-2.705 1.673a2.6 2.6 0 0 0-1.798-.86z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd3"><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(#SVGHcSWxdhd3)"><path fill="#2683ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.158 13.633a1.84 1.84 0 0 1-.86.212a1.83 1.83 0 0 1-1.061-.336a1.45 1.45 0 0 1-.603.131a1.426 1.426 0 0 1-1.436-1.418c0-.782.643-1.417 1.436-1.417q.156 0 .302.031a1.84 1.84 0 0 1 1.362-.602c.9 0 1.646.641 1.8 1.485a1.08 1.08 0 0 1 .806 1.044c0 .598-.49 1.082-1.095 1.082a1.1 1.1 0 0 1-.651-.212m4.379-4.583l-.114-.18a.447.447 0 0 1 .428-.583c.248 0 .45.2.45.445a.452.452 0 0 1-.763.319M6.58 8.866l-.12.188a.452.452 0 0 1-.76-.322c0-.246.202-.445.45-.445a.447.447 0 0 1 .43.579m5.418-3.089c.249 0 .45-.198.45-.444a.447.447 0 0 0-.45-.444a.45.45 0 0 0-.45.444a.447.447 0 0 0 .45.444m.45 12.89a.447.447 0 0 1-.45.444c-.248 0-.45-.199-.45-.444s.202-.444.45-.444c.249 0 .45.199.45.444M6.15 15.715c.249 0 .45-.199.45-.444a.447.447 0 0 0-.45-.445a.448.448 0 0 0-.414.616a.45.45 0 0 0 .414.273m12.15-.444a.447.447 0 0 1-.45.444a.45.45 0 0 1-.45-.444c0-.246.202-.445.45-.445s.45.2.45.445"/><path fill="#fff" fill-rule="evenodd" d="M13.316 5.632q.034-.144.034-.299C13.35 4.597 12.746 4 12 4a1.342 1.342 0 0 0-1.316 1.632l-3.668 2.07a1.36 1.36 0 0 0-.866-.31A1.34 1.34 0 0 0 4.8 8.725a1.335 1.335 0 0 0 .9 1.257V14c-.524.183-.9.677-.9 1.257c0 .737.604 1.334 1.35 1.334c.31 0 .61-.105.852-.3l3.682 2.078A1.342 1.342 0 0 0 12 20a1.342 1.342 0 0 0 1.316-1.632l3.682-2.078c.232.188.529.3.852.3c.746 0 1.35-.598 1.35-1.334A1.335 1.335 0 0 0 18.3 14V9.982c.524-.183.9-.677.9-1.257c0-.737-.604-1.334-1.35-1.334c-.316 0-.622.11-.866.31zm-.867.466a.89.89 0 0 0 .442-.765a.895.895 0 0 0-.9-.889a.887.887 0 0 0-.441 1.664v3.468a2.6 2.6 0 0 0-.953.516l-.078-.002c-.307 0-.6.066-.862.184L7.047 8.66a.895.895 0 0 0-.897-.824c-.497 0-.9.398-.9.889a.904.904 0 0 0 1.4.739l2.248 1.389a2.04 2.04 0 0 0-.217 2.279l-2.105 1.341a.904.904 0 0 0-1.326.783c0 .491.403.89.9.89a.894.894 0 0 0 .9-.918l2.226-1.418a2.1 2.1 0 0 0 1.58.378c.216.14.45.249.693.321v3.383a.89.89 0 0 0-.458.775c0 .49.403.888.9.888s.9-.397.9-.888a.89.89 0 0 0-.442-.766v-3.288q.295-.017.578-.098a1.91 1.91 0 0 0 2.147-.391l1.776 1.108v.024c0 .491.403.89.9.89s.9-.399.9-.89a.894.894 0 0 0-.9-.888a.9.9 0 0 0-.429.107l-1.79-1.118a1.84 1.84 0 0 0-.177-1.463a1.86 1.86 0 0 0-.687-.68l-.047-.126l2.629-1.625c.143.095.316.15.501.15c.497 0 .9-.397.9-.888a.894.894 0 0 0-.9-.889a.895.895 0 0 0-.898.823l-2.705 1.673a2.6 2.6 0 0 0-1.798-.86z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd3"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-storj-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(%23SVGHcSWxdhd3)%22%3E%3Cpath%20fill%3D%22%232683ff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.158%2013.633a1.84%201.84%200%200%201-.86.212a1.83%201.83%200%200%201-1.061-.336a1.45%201.45%200%200%201-.603.131a1.426%201.426%200%200%201-1.436-1.418c0-.782.643-1.417%201.436-1.417q.156%200%20.302.031a1.84%201.84%200%200%201%201.362-.602c.9%200%201.646.641%201.8%201.485a1.08%201.08%200%200%201%20.806%201.044c0%20.598-.49%201.082-1.095%201.082a1.1%201.1%200%200%201-.651-.212m4.379-4.583l-.114-.18a.447.447%200%200%201%20.428-.583c.248%200%20.45.2.45.445a.452.452%200%200%201-.763.319M6.58%208.866l-.12.188a.452.452%200%200%201-.76-.322c0-.246.202-.445.45-.445a.447.447%200%200%201%20.43.579m5.418-3.089c.249%200%20.45-.198.45-.444a.447.447%200%200%200-.45-.444a.45.45%200%200%200-.45.444a.447.447%200%200%200%20.45.444m.45%2012.89a.447.447%200%200%201-.45.444c-.248%200-.45-.199-.45-.444s.202-.444.45-.444c.249%200%20.45.199.45.444M6.15%2015.715c.249%200%20.45-.199.45-.444a.447.447%200%200%200-.45-.445a.448.448%200%200%200-.414.616a.45.45%200%200%200%20.414.273m12.15-.444a.447.447%200%200%201-.45.444a.45.45%200%200%201-.45-.444c0-.246.202-.445.45-.445s.45.2.45.445%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.316%205.632q.034-.144.034-.299C13.35%204.597%2012.746%204%2012%204a1.342%201.342%200%200%200-1.316%201.632l-3.668%202.07a1.36%201.36%200%200%200-.866-.31A1.34%201.34%200%200%200%204.8%208.725a1.335%201.335%200%200%200%20.9%201.257V14c-.524.183-.9.677-.9%201.257c0%20.737.604%201.334%201.35%201.334c.31%200%20.61-.105.852-.3l3.682%202.078A1.342%201.342%200%200%200%2012%2020a1.342%201.342%200%200%200%201.316-1.632l3.682-2.078c.232.188.529.3.852.3c.746%200%201.35-.598%201.35-1.334A1.335%201.335%200%200%200%2018.3%2014V9.982c.524-.183.9-.677.9-1.257c0-.737-.604-1.334-1.35-1.334c-.316%200-.622.11-.866.31zm-.867.466a.89.89%200%200%200%20.442-.765a.895.895%200%200%200-.9-.889a.887.887%200%200%200-.441%201.664v3.468a2.6%202.6%200%200%200-.953.516l-.078-.002c-.307%200-.6.066-.862.184L7.047%208.66a.895.895%200%200%200-.897-.824c-.497%200-.9.398-.9.889a.904.904%200%200%200%201.4.739l2.248%201.389a2.04%202.04%200%200%200-.217%202.279l-2.105%201.341a.904.904%200%200%200-1.326.783c0%20.491.403.89.9.89a.894.894%200%200%200%20.9-.918l2.226-1.418a2.1%202.1%200%200%200%201.58.378c.216.14.45.249.693.321v3.383a.89.89%200%200%200-.458.775c0%20.49.403.888.9.888s.9-.397.9-.888a.89.89%200%200%200-.442-.766v-3.288q.295-.017.578-.098a1.91%201.91%200%200%200%202.147-.391l1.776%201.108v.024c0%20.491.403.89.9.89s.9-.399.9-.89a.894.894%200%200%200-.9-.888a.9.9%200%200%200-.429.107l-1.79-1.118a1.84%201.84%200%200%200-.177-1.463a1.86%201.86%200%200%200-.687-.68l-.047-.126l2.629-1.625c.143.095.316.15.501.15c.497%200%20.9-.397.9-.888a.894.894%200%200%200-.9-.889a.895.895%200%200%200-.898.823l-2.705%201.673a2.6%202.6%200%200%200-1.798-.86z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd3%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(%23SVGHcSWxdhd3)%22%3E%3Cpath%20fill%3D%22%232683ff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.158%2013.633a1.84%201.84%200%200%201-.86.212a1.83%201.83%200%200%201-1.061-.336a1.45%201.45%200%200%201-.603.131a1.426%201.426%200%200%201-1.436-1.418c0-.782.643-1.417%201.436-1.417q.156%200%20.302.031a1.84%201.84%200%200%201%201.362-.602c.9%200%201.646.641%201.8%201.485a1.08%201.08%200%200%201%20.806%201.044c0%20.598-.49%201.082-1.095%201.082a1.1%201.1%200%200%201-.651-.212m4.379-4.583l-.114-.18a.447.447%200%200%201%20.428-.583c.248%200%20.45.2.45.445a.452.452%200%200%201-.763.319M6.58%208.866l-.12.188a.452.452%200%200%201-.76-.322c0-.246.202-.445.45-.445a.447.447%200%200%201%20.43.579m5.418-3.089c.249%200%20.45-.198.45-.444a.447.447%200%200%200-.45-.444a.45.45%200%200%200-.45.444a.447.447%200%200%200%20.45.444m.45%2012.89a.447.447%200%200%201-.45.444c-.248%200-.45-.199-.45-.444s.202-.444.45-.444c.249%200%20.45.199.45.444M6.15%2015.715c.249%200%20.45-.199.45-.444a.447.447%200%200%200-.45-.445a.448.448%200%200%200-.414.616a.45.45%200%200%200%20.414.273m12.15-.444a.447.447%200%200%201-.45.444a.45.45%200%200%201-.45-.444c0-.246.202-.445.45-.445s.45.2.45.445%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.316%205.632q.034-.144.034-.299C13.35%204.597%2012.746%204%2012%204a1.342%201.342%200%200%200-1.316%201.632l-3.668%202.07a1.36%201.36%200%200%200-.866-.31A1.34%201.34%200%200%200%204.8%208.725a1.335%201.335%200%200%200%20.9%201.257V14c-.524.183-.9.677-.9%201.257c0%20.737.604%201.334%201.35%201.334c.31%200%20.61-.105.852-.3l3.682%202.078A1.342%201.342%200%200%200%2012%2020a1.342%201.342%200%200%200%201.316-1.632l3.682-2.078c.232.188.529.3.852.3c.746%200%201.35-.598%201.35-1.334A1.335%201.335%200%200%200%2018.3%2014V9.982c.524-.183.9-.677.9-1.257c0-.737-.604-1.334-1.35-1.334c-.316%200-.622.11-.866.31zm-.867.466a.89.89%200%200%200%20.442-.765a.895.895%200%200%200-.9-.889a.887.887%200%200%200-.441%201.664v3.468a2.6%202.6%200%200%200-.953.516l-.078-.002c-.307%200-.6.066-.862.184L7.047%208.66a.895.895%200%200%200-.897-.824c-.497%200-.9.398-.9.889a.904.904%200%200%200%201.4.739l2.248%201.389a2.04%202.04%200%200%200-.217%202.279l-2.105%201.341a.904.904%200%200%200-1.326.783c0%20.491.403.89.9.89a.894.894%200%200%200%20.9-.918l2.226-1.418a2.1%202.1%200%200%200%201.58.378c.216.14.45.249.693.321v3.383a.89.89%200%200%200-.458.775c0%20.49.403.888.9.888s.9-.397.9-.888a.89.89%200%200%200-.442-.766v-3.288q.295-.017.578-.098a1.91%201.91%200%200%200%202.147-.391l1.776%201.108v.024c0%20.491.403.89.9.89s.9-.399.9-.89a.894.894%200%200%200-.9-.888a.9.9%200%200%200-.429.107l-1.79-1.118a1.84%201.84%200%200%200-.177-1.463a1.86%201.86%200%200%200-.687-.68l-.047-.126l2.629-1.625c.143.095.316.15.501.15c.497%200%20.9-.397.9-.888a.894.894%200%200%200-.9-.889a.895.895%200%200%200-.898.823l-2.705%201.673a2.6%202.6%200%200%200-1.798-.86z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd3%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/storj-background.svg?color=%231a73e8&size=48