ultron logo
ultron-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- ultron-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 ultron 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(#SVGHcSWxdhd14)"><path fill="url(#SVGwW6I4bOk)" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.346 11.998c0 1.656-.75 2.997-1.672 2.997S4 13.654 4 11.998S4.75 9 5.672 9s1.671 1.342 1.671 2.998m1.538 0a5.1 5.1 0 0 1-.232 1.553a5.3 5.3 0 0 1-.647 1.332c-.168.25-.53.808-.225 1.022a.5.5 0 0 0 .218.077c.59.083 1.13-.284 1.528-.658a4.5 4.5 0 0 0 1.023-1.43a4.68 4.68 0 0 0 0-3.788a4.5 4.5 0 0 0-1.023-1.43c-.398-.374-.941-.74-1.528-.657a.5.5 0 0 0-.218.076c-.307.214.057.772.225 1.022c.278.412.496.862.647 1.332a5.1 5.1 0 0 1 .232 1.553m3.61 0c0 .687-.101 1.373-.3 1.99a7 7 0 0 1-.829 1.706c-.215.32-.68 1.034-.287 1.308a.65.65 0 0 0 .278.098c.754.107 1.449-.365 1.959-.844a5.8 5.8 0 0 0 1.31-1.83a6.06 6.06 0 0 0 0-4.856a5.7 5.7 0 0 0-1.31-1.83c-.51-.478-1.205-.95-1.96-.843a.6.6 0 0 0-.277.098c-.393.274.072.989.287 1.308c.355.529.635 1.105.829 1.706c.199.617.3 1.303.3 1.99m4.198 0a8.2 8.2 0 0 1-.374 2.488a8.5 8.5 0 0 1-1.034 2.132c-.269.4-.848 1.294-.36 1.637a.8.8 0 0 0 .348.122c.943.133 1.81-.455 2.45-1.056a7.2 7.2 0 0 0 1.638-2.29a7.5 7.5 0 0 0 0-6.07a7.2 7.2 0 0 0-1.638-2.29c-.637-.6-1.507-1.19-2.448-1.056a.8.8 0 0 0-.347.122c-.491.343.09 1.236.359 1.637a8.6 8.6 0 0 1 1.035 2.132c.249.772.373 1.63.373 2.488"/></g><defs><linearGradient id="SVGwW6I4bOk" x1="4" x2="20" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#1fffa3"/><stop offset="1" stop-color="#8c47f5"/></linearGradient><clipPath id="SVGHcSWxdhd14"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedUltronBackground(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(#SVGHcSWxdhd14)"><path fill="url(#SVGwW6I4bOk)" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.346 11.998c0 1.656-.75 2.997-1.672 2.997S4 13.654 4 11.998S4.75 9 5.672 9s1.671 1.342 1.671 2.998m1.538 0a5.1 5.1 0 0 1-.232 1.553a5.3 5.3 0 0 1-.647 1.332c-.168.25-.53.808-.225 1.022a.5.5 0 0 0 .218.077c.59.083 1.13-.284 1.528-.658a4.5 4.5 0 0 0 1.023-1.43a4.68 4.68 0 0 0 0-3.788a4.5 4.5 0 0 0-1.023-1.43c-.398-.374-.941-.74-1.528-.657a.5.5 0 0 0-.218.076c-.307.214.057.772.225 1.022c.278.412.496.862.647 1.332a5.1 5.1 0 0 1 .232 1.553m3.61 0c0 .687-.101 1.373-.3 1.99a7 7 0 0 1-.829 1.706c-.215.32-.68 1.034-.287 1.308a.65.65 0 0 0 .278.098c.754.107 1.449-.365 1.959-.844a5.8 5.8 0 0 0 1.31-1.83a6.06 6.06 0 0 0 0-4.856a5.7 5.7 0 0 0-1.31-1.83c-.51-.478-1.205-.95-1.96-.843a.6.6 0 0 0-.277.098c-.393.274.072.989.287 1.308c.355.529.635 1.105.829 1.706c.199.617.3 1.303.3 1.99m4.198 0a8.2 8.2 0 0 1-.374 2.488a8.5 8.5 0 0 1-1.034 2.132c-.269.4-.848 1.294-.36 1.637a.8.8 0 0 0 .348.122c.943.133 1.81-.455 2.45-1.056a7.2 7.2 0 0 0 1.638-2.29a7.5 7.5 0 0 0 0-6.07a7.2 7.2 0 0 0-1.638-2.29c-.637-.6-1.507-1.19-2.448-1.056a.8.8 0 0 0-.347.122c-.491.343.09 1.236.359 1.637a8.6 8.6 0 0 1 1.035 2.132c.249.772.373 1.63.373 2.488"/></g><defs><linearGradient id="SVGwW6I4bOk" x1="4" x2="20" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stopColor="#1fffa3"/><stop offset="1" stopColor="#8c47f5"/></linearGradient><clipPath id="SVGHcSWxdhd14"><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(#SVGHcSWxdhd14)"><path fill="url(#SVGwW6I4bOk)" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.346 11.998c0 1.656-.75 2.997-1.672 2.997S4 13.654 4 11.998S4.75 9 5.672 9s1.671 1.342 1.671 2.998m1.538 0a5.1 5.1 0 0 1-.232 1.553a5.3 5.3 0 0 1-.647 1.332c-.168.25-.53.808-.225 1.022a.5.5 0 0 0 .218.077c.59.083 1.13-.284 1.528-.658a4.5 4.5 0 0 0 1.023-1.43a4.68 4.68 0 0 0 0-3.788a4.5 4.5 0 0 0-1.023-1.43c-.398-.374-.941-.74-1.528-.657a.5.5 0 0 0-.218.076c-.307.214.057.772.225 1.022c.278.412.496.862.647 1.332a5.1 5.1 0 0 1 .232 1.553m3.61 0c0 .687-.101 1.373-.3 1.99a7 7 0 0 1-.829 1.706c-.215.32-.68 1.034-.287 1.308a.65.65 0 0 0 .278.098c.754.107 1.449-.365 1.959-.844a5.8 5.8 0 0 0 1.31-1.83a6.06 6.06 0 0 0 0-4.856a5.7 5.7 0 0 0-1.31-1.83c-.51-.478-1.205-.95-1.96-.843a.6.6 0 0 0-.277.098c-.393.274.072.989.287 1.308c.355.529.635 1.105.829 1.706c.199.617.3 1.303.3 1.99m4.198 0a8.2 8.2 0 0 1-.374 2.488a8.5 8.5 0 0 1-1.034 2.132c-.269.4-.848 1.294-.36 1.637a.8.8 0 0 0 .348.122c.943.133 1.81-.455 2.45-1.056a7.2 7.2 0 0 0 1.638-2.29a7.5 7.5 0 0 0 0-6.07a7.2 7.2 0 0 0-1.638-2.29c-.637-.6-1.507-1.19-2.448-1.056a.8.8 0 0 0-.347.122c-.491.343.09 1.236.359 1.637a8.6 8.6 0 0 1 1.035 2.132c.249.772.373 1.63.373 2.488"/></g><defs><linearGradient id="SVGwW6I4bOk" x1="4" x2="20" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#1fffa3"/><stop offset="1" stop-color="#8c47f5"/></linearGradient><clipPath id="SVGHcSWxdhd14"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-ultron-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(%23SVGHcSWxdhd14)%22%3E%3Cpath%20fill%3D%22url(%23SVGwW6I4bOk)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.346%2011.998c0%201.656-.75%202.997-1.672%202.997S4%2013.654%204%2011.998S4.75%209%205.672%209s1.671%201.342%201.671%202.998m1.538%200a5.1%205.1%200%200%201-.232%201.553a5.3%205.3%200%200%201-.647%201.332c-.168.25-.53.808-.225%201.022a.5.5%200%200%200%20.218.077c.59.083%201.13-.284%201.528-.658a4.5%204.5%200%200%200%201.023-1.43a4.68%204.68%200%200%200%200-3.788a4.5%204.5%200%200%200-1.023-1.43c-.398-.374-.941-.74-1.528-.657a.5.5%200%200%200-.218.076c-.307.214.057.772.225%201.022c.278.412.496.862.647%201.332a5.1%205.1%200%200%201%20.232%201.553m3.61%200c0%20.687-.101%201.373-.3%201.99a7%207%200%200%201-.829%201.706c-.215.32-.68%201.034-.287%201.308a.65.65%200%200%200%20.278.098c.754.107%201.449-.365%201.959-.844a5.8%205.8%200%200%200%201.31-1.83a6.06%206.06%200%200%200%200-4.856a5.7%205.7%200%200%200-1.31-1.83c-.51-.478-1.205-.95-1.96-.843a.6.6%200%200%200-.277.098c-.393.274.072.989.287%201.308c.355.529.635%201.105.829%201.706c.199.617.3%201.303.3%201.99m4.198%200a8.2%208.2%200%200%201-.374%202.488a8.5%208.5%200%200%201-1.034%202.132c-.269.4-.848%201.294-.36%201.637a.8.8%200%200%200%20.348.122c.943.133%201.81-.455%202.45-1.056a7.2%207.2%200%200%200%201.638-2.29a7.5%207.5%200%200%200%200-6.07a7.2%207.2%200%200%200-1.638-2.29c-.637-.6-1.507-1.19-2.448-1.056a.8.8%200%200%200-.347.122c-.491.343.09%201.236.359%201.637a8.6%208.6%200%200%201%201.035%202.132c.249.772.373%201.63.373%202.488%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwW6I4bOk%22%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231fffa3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238c47f5%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd14%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(%23SVGHcSWxdhd14)%22%3E%3Cpath%20fill%3D%22url(%23SVGwW6I4bOk)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.346%2011.998c0%201.656-.75%202.997-1.672%202.997S4%2013.654%204%2011.998S4.75%209%205.672%209s1.671%201.342%201.671%202.998m1.538%200a5.1%205.1%200%200%201-.232%201.553a5.3%205.3%200%200%201-.647%201.332c-.168.25-.53.808-.225%201.022a.5.5%200%200%200%20.218.077c.59.083%201.13-.284%201.528-.658a4.5%204.5%200%200%200%201.023-1.43a4.68%204.68%200%200%200%200-3.788a4.5%204.5%200%200%200-1.023-1.43c-.398-.374-.941-.74-1.528-.657a.5.5%200%200%200-.218.076c-.307.214.057.772.225%201.022c.278.412.496.862.647%201.332a5.1%205.1%200%200%201%20.232%201.553m3.61%200c0%20.687-.101%201.373-.3%201.99a7%207%200%200%201-.829%201.706c-.215.32-.68%201.034-.287%201.308a.65.65%200%200%200%20.278.098c.754.107%201.449-.365%201.959-.844a5.8%205.8%200%200%200%201.31-1.83a6.06%206.06%200%200%200%200-4.856a5.7%205.7%200%200%200-1.31-1.83c-.51-.478-1.205-.95-1.96-.843a.6.6%200%200%200-.277.098c-.393.274.072.989.287%201.308c.355.529.635%201.105.829%201.706c.199.617.3%201.303.3%201.99m4.198%200a8.2%208.2%200%200%201-.374%202.488a8.5%208.5%200%200%201-1.034%202.132c-.269.4-.848%201.294-.36%201.637a.8.8%200%200%200%20.348.122c.943.133%201.81-.455%202.45-1.056a7.2%207.2%200%200%200%201.638-2.29a7.5%207.5%200%200%200%200-6.07a7.2%207.2%200%200%200-1.638-2.29c-.637-.6-1.507-1.19-2.448-1.056a.8.8%200%200%200-.347.122c-.491.343.09%201.236.359%201.637a8.6%208.6%200%200%201%201.035%202.132c.249.772.373%201.63.373%202.488%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGwW6I4bOk%22%20x1%3D%224%22%20x2%3D%2220%22%20y1%3D%2212%22%20y2%3D%2212%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231fffa3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238c47f5%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd14%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/ultron-background.svg?color=%231a73e8&size=48
