ustc logo
ustc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- ustc-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the ustc 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(#SVGHcSWxdhd23)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#183ea4" d="M7.34 7.382c.348.83.96 1.521 1.74 1.97c1.109.684 5.672-1.91 7.816-3.29c-.444-.52-1.979-1.56-4.573-1.56c-2.599 0-4.173 1.27-4.638 1.91l-.35.97zm7.552 11.58c-.265.12-.925.415-1.234.4c-.37-.01-1.55-.63-2.224-1.804c-.68-1.175-.69-1.95-.14-2.649a10 10 0 0 1 1.764-1.55l5.798.985c.06.33-.135 1.3-1.385 2.6c-1.25 1.284-2.164 1.849-2.469 1.969z"/><path fill="url(#SVGDHWlzdmh)" d="M9.723 6.216c-1 1.52-4.338 2.589-4.888 2.424l-.005-.01q.307-.63.72-1.195a8.1 8.1 0 0 1 2.369-2.169a2.35 2.35 0 0 1 1.1-.3c1.489.03.714 1.235.704 1.25"/><path fill="url(#SVGrnB4PcyY)" d="M8.904 16.953c.07.48 0 2.364-.1 2.524c-.085.005-.255.015-.76-.27a8 8 0 0 1-3.149-3.299a8.05 8.05 0 0 1-.784-5.018q.121-.758.384-1.48c.58.775 1.25 1.475 1.815 2.25q.758 1.083 1.434 2.219c.94 1.61 1.09 2.599 1.16 3.074"/><path fill="url(#SVGCpc2bdGl)" d="M20 12.2c0 1.05-.2 2.05-.555 2.964c-.945 1.02-7.297-1.495-7.357-1.52c-.87-.384-3.514-1.549-3.749-3.388c-.345-2.64 4.963-4.479 7.298-4.548c.28.005 1.134.014 1.629.42A8.07 8.07 0 0 1 20 12.2"/><path fill="url(#SVGoC2cmeZp)" d="M15.702 19.353c-.695.324-1.455.09-1.26-.59c.385-1.305 3.699-2.65 4.433-2.72c.096-.004.13.056.09.126a8.1 8.1 0 0 1-3.263 3.183"/></g><defs><linearGradient id="SVGDHWlzdmh" x1="6.382" x2="20.645" y1="17.498" y2="13.694" gradientUnits="userSpaceOnUse"><stop stop-color="#58c07b"/><stop offset="1" stop-color="#5599e0"/></linearGradient><linearGradient id="SVGrnB4PcyY" x1="1.716" x2="16.885" y1="9.162" y2="6.019" gradientUnits="userSpaceOnUse"><stop offset=".32" stop-color="#57bc87"/><stop offset=".99" stop-color="#5493f1"/></linearGradient><linearGradient id="SVGCpc2bdGl" x1="4.33" x2="20.844" y1="11.997" y2="11.669" gradientUnits="userSpaceOnUse"><stop stop-color="#58c56e"/><stop offset="1" stop-color="#5492f3"/></linearGradient><linearGradient id="SVGoC2cmeZp" x1="14.632" x2="19.136" y1="18.293" y2="16.639" gradientUnits="userSpaceOnUse"><stop stop-color="#58c178"/><stop offset="1" stop-color="#5493f0"/></linearGradient><clipPath id="SVGHcSWxdhd23"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedUstcBackground(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(#SVGHcSWxdhd23)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#183ea4" d="M7.34 7.382c.348.83.96 1.521 1.74 1.97c1.109.684 5.672-1.91 7.816-3.29c-.444-.52-1.979-1.56-4.573-1.56c-2.599 0-4.173 1.27-4.638 1.91l-.35.97zm7.552 11.58c-.265.12-.925.415-1.234.4c-.37-.01-1.55-.63-2.224-1.804c-.68-1.175-.69-1.95-.14-2.649a10 10 0 0 1 1.764-1.55l5.798.985c.06.33-.135 1.3-1.385 2.6c-1.25 1.284-2.164 1.849-2.469 1.969z"/><path fill="url(#SVGDHWlzdmh)" d="M9.723 6.216c-1 1.52-4.338 2.589-4.888 2.424l-.005-.01q.307-.63.72-1.195a8.1 8.1 0 0 1 2.369-2.169a2.35 2.35 0 0 1 1.1-.3c1.489.03.714 1.235.704 1.25"/><path fill="url(#SVGrnB4PcyY)" d="M8.904 16.953c.07.48 0 2.364-.1 2.524c-.085.005-.255.015-.76-.27a8 8 0 0 1-3.149-3.299a8.05 8.05 0 0 1-.784-5.018q.121-.758.384-1.48c.58.775 1.25 1.475 1.815 2.25q.758 1.083 1.434 2.219c.94 1.61 1.09 2.599 1.16 3.074"/><path fill="url(#SVGCpc2bdGl)" d="M20 12.2c0 1.05-.2 2.05-.555 2.964c-.945 1.02-7.297-1.495-7.357-1.52c-.87-.384-3.514-1.549-3.749-3.388c-.345-2.64 4.963-4.479 7.298-4.548c.28.005 1.134.014 1.629.42A8.07 8.07 0 0 1 20 12.2"/><path fill="url(#SVGoC2cmeZp)" d="M15.702 19.353c-.695.324-1.455.09-1.26-.59c.385-1.305 3.699-2.65 4.433-2.72c.096-.004.13.056.09.126a8.1 8.1 0 0 1-3.263 3.183"/></g><defs><linearGradient id="SVGDHWlzdmh" x1="6.382" x2="20.645" y1="17.498" y2="13.694" gradientUnits="userSpaceOnUse"><stop stopColor="#58c07b"/><stop offset="1" stopColor="#5599e0"/></linearGradient><linearGradient id="SVGrnB4PcyY" x1="1.716" x2="16.885" y1="9.162" y2="6.019" gradientUnits="userSpaceOnUse"><stop offset=".32" stopColor="#57bc87"/><stop offset=".99" stopColor="#5493f1"/></linearGradient><linearGradient id="SVGCpc2bdGl" x1="4.33" x2="20.844" y1="11.997" y2="11.669" gradientUnits="userSpaceOnUse"><stop stopColor="#58c56e"/><stop offset="1" stopColor="#5492f3"/></linearGradient><linearGradient id="SVGoC2cmeZp" x1="14.632" x2="19.136" y1="18.293" y2="16.639" gradientUnits="userSpaceOnUse"><stop stopColor="#58c178"/><stop offset="1" stopColor="#5493f0"/></linearGradient><clipPath id="SVGHcSWxdhd23"><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(#SVGHcSWxdhd23)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#183ea4" d="M7.34 7.382c.348.83.96 1.521 1.74 1.97c1.109.684 5.672-1.91 7.816-3.29c-.444-.52-1.979-1.56-4.573-1.56c-2.599 0-4.173 1.27-4.638 1.91l-.35.97zm7.552 11.58c-.265.12-.925.415-1.234.4c-.37-.01-1.55-.63-2.224-1.804c-.68-1.175-.69-1.95-.14-2.649a10 10 0 0 1 1.764-1.55l5.798.985c.06.33-.135 1.3-1.385 2.6c-1.25 1.284-2.164 1.849-2.469 1.969z"/><path fill="url(#SVGDHWlzdmh)" d="M9.723 6.216c-1 1.52-4.338 2.589-4.888 2.424l-.005-.01q.307-.63.72-1.195a8.1 8.1 0 0 1 2.369-2.169a2.35 2.35 0 0 1 1.1-.3c1.489.03.714 1.235.704 1.25"/><path fill="url(#SVGrnB4PcyY)" d="M8.904 16.953c.07.48 0 2.364-.1 2.524c-.085.005-.255.015-.76-.27a8 8 0 0 1-3.149-3.299a8.05 8.05 0 0 1-.784-5.018q.121-.758.384-1.48c.58.775 1.25 1.475 1.815 2.25q.758 1.083 1.434 2.219c.94 1.61 1.09 2.599 1.16 3.074"/><path fill="url(#SVGCpc2bdGl)" d="M20 12.2c0 1.05-.2 2.05-.555 2.964c-.945 1.02-7.297-1.495-7.357-1.52c-.87-.384-3.514-1.549-3.749-3.388c-.345-2.64 4.963-4.479 7.298-4.548c.28.005 1.134.014 1.629.42A8.07 8.07 0 0 1 20 12.2"/><path fill="url(#SVGoC2cmeZp)" d="M15.702 19.353c-.695.324-1.455.09-1.26-.59c.385-1.305 3.699-2.65 4.433-2.72c.096-.004.13.056.09.126a8.1 8.1 0 0 1-3.263 3.183"/></g><defs><linearGradient id="SVGDHWlzdmh" x1="6.382" x2="20.645" y1="17.498" y2="13.694" gradientUnits="userSpaceOnUse"><stop stop-color="#58c07b"/><stop offset="1" stop-color="#5599e0"/></linearGradient><linearGradient id="SVGrnB4PcyY" x1="1.716" x2="16.885" y1="9.162" y2="6.019" gradientUnits="userSpaceOnUse"><stop offset=".32" stop-color="#57bc87"/><stop offset=".99" stop-color="#5493f1"/></linearGradient><linearGradient id="SVGCpc2bdGl" x1="4.33" x2="20.844" y1="11.997" y2="11.669" gradientUnits="userSpaceOnUse"><stop stop-color="#58c56e"/><stop offset="1" stop-color="#5492f3"/></linearGradient><linearGradient id="SVGoC2cmeZp" x1="14.632" x2="19.136" y1="18.293" y2="16.639" gradientUnits="userSpaceOnUse"><stop stop-color="#58c178"/><stop offset="1" stop-color="#5493f0"/></linearGradient><clipPath id="SVGHcSWxdhd23"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-ustc-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(%23SVGHcSWxdhd23)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23183ea4%22%20d%3D%22M7.34%207.382c.348.83.96%201.521%201.74%201.97c1.109.684%205.672-1.91%207.816-3.29c-.444-.52-1.979-1.56-4.573-1.56c-2.599%200-4.173%201.27-4.638%201.91l-.35.97zm7.552%2011.58c-.265.12-.925.415-1.234.4c-.37-.01-1.55-.63-2.224-1.804c-.68-1.175-.69-1.95-.14-2.649a10%2010%200%200%201%201.764-1.55l5.798.985c.06.33-.135%201.3-1.385%202.6c-1.25%201.284-2.164%201.849-2.469%201.969z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDHWlzdmh)%22%20d%3D%22M9.723%206.216c-1%201.52-4.338%202.589-4.888%202.424l-.005-.01q.307-.63.72-1.195a8.1%208.1%200%200%201%202.369-2.169a2.35%202.35%200%200%201%201.1-.3c1.489.03.714%201.235.704%201.25%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrnB4PcyY)%22%20d%3D%22M8.904%2016.953c.07.48%200%202.364-.1%202.524c-.085.005-.255.015-.76-.27a8%208%200%200%201-3.149-3.299a8.05%208.05%200%200%201-.784-5.018q.121-.758.384-1.48c.58.775%201.25%201.475%201.815%202.25q.758%201.083%201.434%202.219c.94%201.61%201.09%202.599%201.16%203.074%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCpc2bdGl)%22%20d%3D%22M20%2012.2c0%201.05-.2%202.05-.555%202.964c-.945%201.02-7.297-1.495-7.357-1.52c-.87-.384-3.514-1.549-3.749-3.388c-.345-2.64%204.963-4.479%207.298-4.548c.28.005%201.134.014%201.629.42A8.07%208.07%200%200%201%2020%2012.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoC2cmeZp)%22%20d%3D%22M15.702%2019.353c-.695.324-1.455.09-1.26-.59c.385-1.305%203.699-2.65%204.433-2.72c.096-.004.13.056.09.126a8.1%208.1%200%200%201-3.263%203.183%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGDHWlzdmh%22%20x1%3D%226.382%22%20x2%3D%2220.645%22%20y1%3D%2217.498%22%20y2%3D%2213.694%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2358c07b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235599e0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGrnB4PcyY%22%20x1%3D%221.716%22%20x2%3D%2216.885%22%20y1%3D%229.162%22%20y2%3D%226.019%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.32%22%20stop-color%3D%22%2357bc87%22%2F%3E%3Cstop%20offset%3D%22.99%22%20stop-color%3D%22%235493f1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCpc2bdGl%22%20x1%3D%224.33%22%20x2%3D%2220.844%22%20y1%3D%2211.997%22%20y2%3D%2211.669%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2358c56e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235492f3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGoC2cmeZp%22%20x1%3D%2214.632%22%20x2%3D%2219.136%22%20y1%3D%2218.293%22%20y2%3D%2216.639%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2358c178%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235493f0%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd23%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(%23SVGHcSWxdhd23)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23183ea4%22%20d%3D%22M7.34%207.382c.348.83.96%201.521%201.74%201.97c1.109.684%205.672-1.91%207.816-3.29c-.444-.52-1.979-1.56-4.573-1.56c-2.599%200-4.173%201.27-4.638%201.91l-.35.97zm7.552%2011.58c-.265.12-.925.415-1.234.4c-.37-.01-1.55-.63-2.224-1.804c-.68-1.175-.69-1.95-.14-2.649a10%2010%200%200%201%201.764-1.55l5.798.985c.06.33-.135%201.3-1.385%202.6c-1.25%201.284-2.164%201.849-2.469%201.969z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGDHWlzdmh)%22%20d%3D%22M9.723%206.216c-1%201.52-4.338%202.589-4.888%202.424l-.005-.01q.307-.63.72-1.195a8.1%208.1%200%200%201%202.369-2.169a2.35%202.35%200%200%201%201.1-.3c1.489.03.714%201.235.704%201.25%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGrnB4PcyY)%22%20d%3D%22M8.904%2016.953c.07.48%200%202.364-.1%202.524c-.085.005-.255.015-.76-.27a8%208%200%200%201-3.149-3.299a8.05%208.05%200%200%201-.784-5.018q.121-.758.384-1.48c.58.775%201.25%201.475%201.815%202.25q.758%201.083%201.434%202.219c.94%201.61%201.09%202.599%201.16%203.074%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCpc2bdGl)%22%20d%3D%22M20%2012.2c0%201.05-.2%202.05-.555%202.964c-.945%201.02-7.297-1.495-7.357-1.52c-.87-.384-3.514-1.549-3.749-3.388c-.345-2.64%204.963-4.479%207.298-4.548c.28.005%201.134.014%201.629.42A8.07%208.07%200%200%201%2020%2012.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoC2cmeZp)%22%20d%3D%22M15.702%2019.353c-.695.324-1.455.09-1.26-.59c.385-1.305%203.699-2.65%204.433-2.72c.096-.004.13.056.09.126a8.1%208.1%200%200%201-3.263%203.183%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGDHWlzdmh%22%20x1%3D%226.382%22%20x2%3D%2220.645%22%20y1%3D%2217.498%22%20y2%3D%2213.694%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2358c07b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235599e0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGrnB4PcyY%22%20x1%3D%221.716%22%20x2%3D%2216.885%22%20y1%3D%229.162%22%20y2%3D%226.019%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.32%22%20stop-color%3D%22%2357bc87%22%2F%3E%3Cstop%20offset%3D%22.99%22%20stop-color%3D%22%235493f1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCpc2bdGl%22%20x1%3D%224.33%22%20x2%3D%2220.844%22%20y1%3D%2211.997%22%20y2%3D%2211.669%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2358c56e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235492f3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGoC2cmeZp%22%20x1%3D%2214.632%22%20x2%3D%2219.136%22%20y1%3D%2218.293%22%20y2%3D%2216.639%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2358c178%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235493f0%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd23%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/ustc-background.svg?color=%231a73e8&size=48
