cyber logo
cyber-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- cyber-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 cyber 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(#SVGHcSWxdhd1)"><path fill="#e4323e" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.785 9.5h1.17c.1 0 .2-.05.25-.135l.806-1.326c.11-.18.395-.175.5.005l.775 1.316c.05.085.15.14.25.14h1.18c.215 0 .355-.215.25-.395l-2.4-3.946a.36.36 0 0 0-.6 0L9.54 9.109c-.11.17.025.39.25.39zm-5.51 9.502h5.34c.245 0 .365-.296.2-.47l-1.02-1.03h-1.76c-.265 0-.425-.356-.27-.58l.435-.641a.395.395 0 0 0-.05-.5l-.7-.685a.276.276 0 0 0-.425.06L4.039 18.58c-.11.186.025.42.235.42m15.452 0h-5.34c-.246 0-.366-.296-.2-.47l1.02-1.03h1.76c.265 0 .425-.356.27-.58l-.435-.641a.395.395 0 0 1 .05-.5l.7-.685a.268.268 0 0 1 .425.06l1.985 3.425a.28.28 0 0 1-.235.42M11.5 10.287v2.3a.4.4 0 0 1-.385.41h-.77c-.216 0-.345-.18-.345-.405v-.675c0-.16-.166-.42-.316-.42h-2.75c-.245 0-.365.45-.19.63l2.76 2.85c.17.176.495.166.495-.084c0-.22.126-.4.335-.4h.78a.4.4 0 0 1 .386.41v3.745c0 .31-.35.465-.565.25l-6.337-6.66a.365.365 0 0 1 0-.5L6.26 10h4.967c.15 0 .275.13.275.29m1 8.361v-8.186c0-.255.2-.465.445-.465h4.616c.12 0 .235.05.315.14l1.53 1.65c.075.08.1.185.095.285c-.015.12-.095.22-.17.315l-.07.09l-.235.33l-.01.01c-.06.08-.125.175-.23.18h-1.545c-.11 0-.24-.09-.24-.21v-.08c0-.15.1-.29.21-.385l.015-.015c.06-.05.135-.34.135-.425c0-.155-.165-.385-.315-.385h-2.72c-.15 0-.326.26-.326.42v2.81c0 .316.41.47.62.246l.515-.45c.02-.02.05-.025.08-.025h1.296c.295 0 .44.365.235.59l-3.676 3.806c-.21.225-.57.065-.57-.246"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCyberBackground(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(#SVGHcSWxdhd1)"><path fill="#e4323e" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.785 9.5h1.17c.1 0 .2-.05.25-.135l.806-1.326c.11-.18.395-.175.5.005l.775 1.316c.05.085.15.14.25.14h1.18c.215 0 .355-.215.25-.395l-2.4-3.946a.36.36 0 0 0-.6 0L9.54 9.109c-.11.17.025.39.25.39zm-5.51 9.502h5.34c.245 0 .365-.296.2-.47l-1.02-1.03h-1.76c-.265 0-.425-.356-.27-.58l.435-.641a.395.395 0 0 0-.05-.5l-.7-.685a.276.276 0 0 0-.425.06L4.039 18.58c-.11.186.025.42.235.42m15.452 0h-5.34c-.246 0-.366-.296-.2-.47l1.02-1.03h1.76c.265 0 .425-.356.27-.58l-.435-.641a.395.395 0 0 1 .05-.5l.7-.685a.268.268 0 0 1 .425.06l1.985 3.425a.28.28 0 0 1-.235.42M11.5 10.287v2.3a.4.4 0 0 1-.385.41h-.77c-.216 0-.345-.18-.345-.405v-.675c0-.16-.166-.42-.316-.42h-2.75c-.245 0-.365.45-.19.63l2.76 2.85c.17.176.495.166.495-.084c0-.22.126-.4.335-.4h.78a.4.4 0 0 1 .386.41v3.745c0 .31-.35.465-.565.25l-6.337-6.66a.365.365 0 0 1 0-.5L6.26 10h4.967c.15 0 .275.13.275.29m1 8.361v-8.186c0-.255.2-.465.445-.465h4.616c.12 0 .235.05.315.14l1.53 1.65c.075.08.1.185.095.285c-.015.12-.095.22-.17.315l-.07.09l-.235.33l-.01.01c-.06.08-.125.175-.23.18h-1.545c-.11 0-.24-.09-.24-.21v-.08c0-.15.1-.29.21-.385l.015-.015c.06-.05.135-.34.135-.425c0-.155-.165-.385-.315-.385h-2.72c-.15 0-.326.26-.326.42v2.81c0 .316.41.47.62.246l.515-.45c.02-.02.05-.025.08-.025h1.296c.295 0 .44.365.235.59l-3.676 3.806c-.21.225-.57.065-.57-.246"/></g><defs><clipPath id="SVGHcSWxdhd1"><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(#SVGHcSWxdhd1)"><path fill="#e4323e" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.785 9.5h1.17c.1 0 .2-.05.25-.135l.806-1.326c.11-.18.395-.175.5.005l.775 1.316c.05.085.15.14.25.14h1.18c.215 0 .355-.215.25-.395l-2.4-3.946a.36.36 0 0 0-.6 0L9.54 9.109c-.11.17.025.39.25.39zm-5.51 9.502h5.34c.245 0 .365-.296.2-.47l-1.02-1.03h-1.76c-.265 0-.425-.356-.27-.58l.435-.641a.395.395 0 0 0-.05-.5l-.7-.685a.276.276 0 0 0-.425.06L4.039 18.58c-.11.186.025.42.235.42m15.452 0h-5.34c-.246 0-.366-.296-.2-.47l1.02-1.03h1.76c.265 0 .425-.356.27-.58l-.435-.641a.395.395 0 0 1 .05-.5l.7-.685a.268.268 0 0 1 .425.06l1.985 3.425a.28.28 0 0 1-.235.42M11.5 10.287v2.3a.4.4 0 0 1-.385.41h-.77c-.216 0-.345-.18-.345-.405v-.675c0-.16-.166-.42-.316-.42h-2.75c-.245 0-.365.45-.19.63l2.76 2.85c.17.176.495.166.495-.084c0-.22.126-.4.335-.4h.78a.4.4 0 0 1 .386.41v3.745c0 .31-.35.465-.565.25l-6.337-6.66a.365.365 0 0 1 0-.5L6.26 10h4.967c.15 0 .275.13.275.29m1 8.361v-8.186c0-.255.2-.465.445-.465h4.616c.12 0 .235.05.315.14l1.53 1.65c.075.08.1.185.095.285c-.015.12-.095.22-.17.315l-.07.09l-.235.33l-.01.01c-.06.08-.125.175-.23.18h-1.545c-.11 0-.24-.09-.24-.21v-.08c0-.15.1-.29.21-.385l.015-.015c.06-.05.135-.34.135-.425c0-.155-.165-.385-.315-.385h-2.72c-.15 0-.326.26-.326.42v2.81c0 .316.41.47.62.246l.515-.45c.02-.02.05-.025.08-.025h1.296c.295 0 .44.365.235.59l-3.676 3.806c-.21.225-.57.065-.57-.246"/></g><defs><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-cyber-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(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23e4323e%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.785%209.5h1.17c.1%200%20.2-.05.25-.135l.806-1.326c.11-.18.395-.175.5.005l.775%201.316c.05.085.15.14.25.14h1.18c.215%200%20.355-.215.25-.395l-2.4-3.946a.36.36%200%200%200-.6%200L9.54%209.109c-.11.17.025.39.25.39zm-5.51%209.502h5.34c.245%200%20.365-.296.2-.47l-1.02-1.03h-1.76c-.265%200-.425-.356-.27-.58l.435-.641a.395.395%200%200%200-.05-.5l-.7-.685a.276.276%200%200%200-.425.06L4.039%2018.58c-.11.186.025.42.235.42m15.452%200h-5.34c-.246%200-.366-.296-.2-.47l1.02-1.03h1.76c.265%200%20.425-.356.27-.58l-.435-.641a.395.395%200%200%201%20.05-.5l.7-.685a.268.268%200%200%201%20.425.06l1.985%203.425a.28.28%200%200%201-.235.42M11.5%2010.287v2.3a.4.4%200%200%201-.385.41h-.77c-.216%200-.345-.18-.345-.405v-.675c0-.16-.166-.42-.316-.42h-2.75c-.245%200-.365.45-.19.63l2.76%202.85c.17.176.495.166.495-.084c0-.22.126-.4.335-.4h.78a.4.4%200%200%201%20.386.41v3.745c0%20.31-.35.465-.565.25l-6.337-6.66a.365.365%200%200%201%200-.5L6.26%2010h4.967c.15%200%20.275.13.275.29m1%208.361v-8.186c0-.255.2-.465.445-.465h4.616c.12%200%20.235.05.315.14l1.53%201.65c.075.08.1.185.095.285c-.015.12-.095.22-.17.315l-.07.09l-.235.33l-.01.01c-.06.08-.125.175-.23.18h-1.545c-.11%200-.24-.09-.24-.21v-.08c0-.15.1-.29.21-.385l.015-.015c.06-.05.135-.34.135-.425c0-.155-.165-.385-.315-.385h-2.72c-.15%200-.326.26-.326.42v2.81c0%20.316.41.47.62.246l.515-.45c.02-.02.05-.025.08-.025h1.296c.295%200%20.44.365.235.59l-3.676%203.806c-.21.225-.57.065-.57-.246%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%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(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23e4323e%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.785%209.5h1.17c.1%200%20.2-.05.25-.135l.806-1.326c.11-.18.395-.175.5.005l.775%201.316c.05.085.15.14.25.14h1.18c.215%200%20.355-.215.25-.395l-2.4-3.946a.36.36%200%200%200-.6%200L9.54%209.109c-.11.17.025.39.25.39zm-5.51%209.502h5.34c.245%200%20.365-.296.2-.47l-1.02-1.03h-1.76c-.265%200-.425-.356-.27-.58l.435-.641a.395.395%200%200%200-.05-.5l-.7-.685a.276.276%200%200%200-.425.06L4.039%2018.58c-.11.186.025.42.235.42m15.452%200h-5.34c-.246%200-.366-.296-.2-.47l1.02-1.03h1.76c.265%200%20.425-.356.27-.58l-.435-.641a.395.395%200%200%201%20.05-.5l.7-.685a.268.268%200%200%201%20.425.06l1.985%203.425a.28.28%200%200%201-.235.42M11.5%2010.287v2.3a.4.4%200%200%201-.385.41h-.77c-.216%200-.345-.18-.345-.405v-.675c0-.16-.166-.42-.316-.42h-2.75c-.245%200-.365.45-.19.63l2.76%202.85c.17.176.495.166.495-.084c0-.22.126-.4.335-.4h.78a.4.4%200%200%201%20.386.41v3.745c0%20.31-.35.465-.565.25l-6.337-6.66a.365.365%200%200%201%200-.5L6.26%2010h4.967c.15%200%20.275.13.275.29m1%208.361v-8.186c0-.255.2-.465.445-.465h4.616c.12%200%20.235.05.315.14l1.53%201.65c.075.08.1.185.095.285c-.015.12-.095.22-.17.315l-.07.09l-.235.33l-.01.01c-.06.08-.125.175-.23.18h-1.545c-.11%200-.24-.09-.24-.21v-.08c0-.15.1-.29.21-.385l.015-.015c.06-.05.135-.34.135-.425c0-.155-.165-.385-.315-.385h-2.72c-.15%200-.326.26-.326.42v2.81c0%20.316.41.47.62.246l.515-.45c.02-.02.05-.025.08-.025h1.296c.295%200%20.44.365.235.59l-3.676%203.806c-.21.225-.57.065-.57-.246%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd1%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/cyber-background.svg?color=%231a73e8&size=48
