terra classic logo

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

Name: terra-classic-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 terra classic 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(#SVGHcSWxdhd25)"><path fill="#0e3ca5" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.88 16.69c.438 1.617 2.01 2.85 2.805 2.8c.028-.003 3.013-.557 4.647-3.279c1.271-2.118.838-4.162-.891-4.206c-.622.045-7.397 1.605-6.561 4.685m6.4-10.384l-.001-.002l.002-.001a7.6 7.6 0 0 0-8-1.151a5 5 0 0 0-.481.235q-.16.083-.317.174l.025.008a3.5 3.5 0 0 0-.8.756c-2.179 2.869 5.123 4.954 9.027 4.96c1.796 1.286 2.3-3.618.546-4.98" opacity=".4"/><path fill="#fff" d="M9.722 6.364C8.72 7.867 5.378 8.926 4.828 8.76l-.004-.008l.069-.135a8 8 0 0 1 3.021-3.193a2.4 2.4 0 0 1 1.105-.292c1.488.028.71 1.219.703 1.23M8.9 16.985c.072.473-.002 2.338-.099 2.495c-.083.005-.257.016-.76-.266a8 8 0 0 1-3.51-4.078a7.96 7.96 0 0 1-.04-5.612c.578.765 1.246 1.456 1.813 2.229c.54.735 1.283 1.934 1.435 2.19c.94 1.59 1.088 2.572 1.16 3.042M20 12.284a7.9 7.9 0 0 1-.557 2.929c-.942 1.01-7.295-1.475-7.357-1.503c-.87-.379-3.514-1.535-3.753-3.35c-.343-2.609 4.969-4.428 7.303-4.497c.28.003 1.132.013 1.629.415A7.96 7.96 0 0 1 20 12.284m-4.3 7.073c-.693.322-1.455.088-1.257-.585c.38-1.29 3.701-2.614 4.435-2.686c.09-.01.129.052.089.122a8.07 8.07 0 0 1-3.267 3.149"/></g><defs><clipPath id="SVGHcSWxdhd25"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedTerraClassicBackground(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(#SVGHcSWxdhd25)"><path fill="#0e3ca5" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.88 16.69c.438 1.617 2.01 2.85 2.805 2.8c.028-.003 3.013-.557 4.647-3.279c1.271-2.118.838-4.162-.891-4.206c-.622.045-7.397 1.605-6.561 4.685m6.4-10.384l-.001-.002l.002-.001a7.6 7.6 0 0 0-8-1.151a5 5 0 0 0-.481.235q-.16.083-.317.174l.025.008a3.5 3.5 0 0 0-.8.756c-2.179 2.869 5.123 4.954 9.027 4.96c1.796 1.286 2.3-3.618.546-4.98" opacity=".4"/><path fill="#fff" d="M9.722 6.364C8.72 7.867 5.378 8.926 4.828 8.76l-.004-.008l.069-.135a8 8 0 0 1 3.021-3.193a2.4 2.4 0 0 1 1.105-.292c1.488.028.71 1.219.703 1.23M8.9 16.985c.072.473-.002 2.338-.099 2.495c-.083.005-.257.016-.76-.266a8 8 0 0 1-3.51-4.078a7.96 7.96 0 0 1-.04-5.612c.578.765 1.246 1.456 1.813 2.229c.54.735 1.283 1.934 1.435 2.19c.94 1.59 1.088 2.572 1.16 3.042M20 12.284a7.9 7.9 0 0 1-.557 2.929c-.942 1.01-7.295-1.475-7.357-1.503c-.87-.379-3.514-1.535-3.753-3.35c-.343-2.609 4.969-4.428 7.303-4.497c.28.003 1.132.013 1.629.415A7.96 7.96 0 0 1 20 12.284m-4.3 7.073c-.693.322-1.455.088-1.257-.585c.38-1.29 3.701-2.614 4.435-2.686c.09-.01.129.052.089.122a8.07 8.07 0 0 1-3.267 3.149"/></g><defs><clipPath id="SVGHcSWxdhd25"><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(#SVGHcSWxdhd25)"><path fill="#0e3ca5" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.88 16.69c.438 1.617 2.01 2.85 2.805 2.8c.028-.003 3.013-.557 4.647-3.279c1.271-2.118.838-4.162-.891-4.206c-.622.045-7.397 1.605-6.561 4.685m6.4-10.384l-.001-.002l.002-.001a7.6 7.6 0 0 0-8-1.151a5 5 0 0 0-.481.235q-.16.083-.317.174l.025.008a3.5 3.5 0 0 0-.8.756c-2.179 2.869 5.123 4.954 9.027 4.96c1.796 1.286 2.3-3.618.546-4.98" opacity=".4"/><path fill="#fff" d="M9.722 6.364C8.72 7.867 5.378 8.926 4.828 8.76l-.004-.008l.069-.135a8 8 0 0 1 3.021-3.193a2.4 2.4 0 0 1 1.105-.292c1.488.028.71 1.219.703 1.23M8.9 16.985c.072.473-.002 2.338-.099 2.495c-.083.005-.257.016-.76-.266a8 8 0 0 1-3.51-4.078a7.96 7.96 0 0 1-.04-5.612c.578.765 1.246 1.456 1.813 2.229c.54.735 1.283 1.934 1.435 2.19c.94 1.59 1.088 2.572 1.16 3.042M20 12.284a7.9 7.9 0 0 1-.557 2.929c-.942 1.01-7.295-1.475-7.357-1.503c-.87-.379-3.514-1.535-3.753-3.35c-.343-2.609 4.969-4.428 7.303-4.497c.28.003 1.132.013 1.629.415A7.96 7.96 0 0 1 20 12.284m-4.3 7.073c-.693.322-1.455.088-1.257-.585c.38-1.29 3.701-2.614 4.435-2.686c.09-.01.129.052.089.122a8.07 8.07 0 0 1-3.267 3.149"/></g><defs><clipPath id="SVGHcSWxdhd25"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-terra-classic-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(%23SVGHcSWxdhd25)%22%3E%3Cpath%20fill%3D%22%230e3ca5%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.88%2016.69c.438%201.617%202.01%202.85%202.805%202.8c.028-.003%203.013-.557%204.647-3.279c1.271-2.118.838-4.162-.891-4.206c-.622.045-7.397%201.605-6.561%204.685m6.4-10.384l-.001-.002l.002-.001a7.6%207.6%200%200%200-8-1.151a5%205%200%200%200-.481.235q-.16.083-.317.174l.025.008a3.5%203.5%200%200%200-.8.756c-2.179%202.869%205.123%204.954%209.027%204.96c1.796%201.286%202.3-3.618.546-4.98%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.722%206.364C8.72%207.867%205.378%208.926%204.828%208.76l-.004-.008l.069-.135a8%208%200%200%201%203.021-3.193a2.4%202.4%200%200%201%201.105-.292c1.488.028.71%201.219.703%201.23M8.9%2016.985c.072.473-.002%202.338-.099%202.495c-.083.005-.257.016-.76-.266a8%208%200%200%201-3.51-4.078a7.96%207.96%200%200%201-.04-5.612c.578.765%201.246%201.456%201.813%202.229c.54.735%201.283%201.934%201.435%202.19c.94%201.59%201.088%202.572%201.16%203.042M20%2012.284a7.9%207.9%200%200%201-.557%202.929c-.942%201.01-7.295-1.475-7.357-1.503c-.87-.379-3.514-1.535-3.753-3.35c-.343-2.609%204.969-4.428%207.303-4.497c.28.003%201.132.013%201.629.415A7.96%207.96%200%200%201%2020%2012.284m-4.3%207.073c-.693.322-1.455.088-1.257-.585c.38-1.29%203.701-2.614%204.435-2.686c.09-.01.129.052.089.122a8.07%208.07%200%200%201-3.267%203.149%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd25%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(%23SVGHcSWxdhd25)%22%3E%3Cpath%20fill%3D%22%230e3ca5%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.88%2016.69c.438%201.617%202.01%202.85%202.805%202.8c.028-.003%203.013-.557%204.647-3.279c1.271-2.118.838-4.162-.891-4.206c-.622.045-7.397%201.605-6.561%204.685m6.4-10.384l-.001-.002l.002-.001a7.6%207.6%200%200%200-8-1.151a5%205%200%200%200-.481.235q-.16.083-.317.174l.025.008a3.5%203.5%200%200%200-.8.756c-2.179%202.869%205.123%204.954%209.027%204.96c1.796%201.286%202.3-3.618.546-4.98%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.722%206.364C8.72%207.867%205.378%208.926%204.828%208.76l-.004-.008l.069-.135a8%208%200%200%201%203.021-3.193a2.4%202.4%200%200%201%201.105-.292c1.488.028.71%201.219.703%201.23M8.9%2016.985c.072.473-.002%202.338-.099%202.495c-.083.005-.257.016-.76-.266a8%208%200%200%201-3.51-4.078a7.96%207.96%200%200%201-.04-5.612c.578.765%201.246%201.456%201.813%202.229c.54.735%201.283%201.934%201.435%202.19c.94%201.59%201.088%202.572%201.16%203.042M20%2012.284a7.9%207.9%200%200%201-.557%202.929c-.942%201.01-7.295-1.475-7.357-1.503c-.87-.379-3.514-1.535-3.753-3.35c-.343-2.609%204.969-4.428%207.303-4.497c.28.003%201.132.013%201.629.415A7.96%207.96%200%200%201%2020%2012.284m-4.3%207.073c-.693.322-1.455.088-1.257-.585c.38-1.29%203.701-2.614%204.435-2.686c.09-.01.129.052.089.122a8.07%208.07%200%200%201-3.267%203.149%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd25%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/terra-classic-background.svg?color=%231a73e8&size=48