arsw logo
arsw-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- arsw-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 arsw 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(#SVG7yC2zezO)" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.774 18.132L5.548 20C6.994 15.303 10.194 9.332 12 6.4c1.806 2.932 5.42 9.332 6.451 13.6l.775-1.869C18.813 16 14.839 6.932 12 4C9.42 6.932 5.806 15.112 4.774 18.131M12 12c-1.239 1.92-2.926 6.131-3.613 8l-.774-2.132C8.129 16 10.71 10.932 12 9.068c1.548 1.864 4.129 7.2 4.387 8.8l-.774 1.864c-.516-1.6-2.323-5.6-3.613-7.732m-.774 7.468L12 18.4l.774 1.068l.774-1.068c0-.8-1.032-2.668-1.548-3.2c-.516.532-1.548 2.56-1.548 3.2z"/></g><defs><linearGradient id="SVG7yC2zezO" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#00ebe4"/><stop offset="1" stop-color="#009ef8"/></linearGradient><clipPath id="SVGHcSWxdhd14"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedArswBackground(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(#SVG7yC2zezO)" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.774 18.132L5.548 20C6.994 15.303 10.194 9.332 12 6.4c1.806 2.932 5.42 9.332 6.451 13.6l.775-1.869C18.813 16 14.839 6.932 12 4C9.42 6.932 5.806 15.112 4.774 18.131M12 12c-1.239 1.92-2.926 6.131-3.613 8l-.774-2.132C8.129 16 10.71 10.932 12 9.068c1.548 1.864 4.129 7.2 4.387 8.8l-.774 1.864c-.516-1.6-2.323-5.6-3.613-7.732m-.774 7.468L12 18.4l.774 1.068l.774-1.068c0-.8-1.032-2.668-1.548-3.2c-.516.532-1.548 2.56-1.548 3.2z"/></g><defs><linearGradient id="SVG7yC2zezO" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stopColor="#00ebe4"/><stop offset="1" stopColor="#009ef8"/></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(#SVG7yC2zezO)" d="M24 0H0v24h24z"/><path fill="#fff" d="M4.774 18.132L5.548 20C6.994 15.303 10.194 9.332 12 6.4c1.806 2.932 5.42 9.332 6.451 13.6l.775-1.869C18.813 16 14.839 6.932 12 4C9.42 6.932 5.806 15.112 4.774 18.131M12 12c-1.239 1.92-2.926 6.131-3.613 8l-.774-2.132C8.129 16 10.71 10.932 12 9.068c1.548 1.864 4.129 7.2 4.387 8.8l-.774 1.864c-.516-1.6-2.323-5.6-3.613-7.732m-.774 7.468L12 18.4l.774 1.068l.774-1.068c0-.8-1.032-2.668-1.548-3.2c-.516.532-1.548 2.56-1.548 3.2z"/></g><defs><linearGradient id="SVG7yC2zezO" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#00ebe4"/><stop offset="1" stop-color="#009ef8"/></linearGradient><clipPath id="SVGHcSWxdhd14"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-arsw-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(%23SVG7yC2zezO)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.774%2018.132L5.548%2020C6.994%2015.303%2010.194%209.332%2012%206.4c1.806%202.932%205.42%209.332%206.451%2013.6l.775-1.869C18.813%2016%2014.839%206.932%2012%204C9.42%206.932%205.806%2015.112%204.774%2018.131M12%2012c-1.239%201.92-2.926%206.131-3.613%208l-.774-2.132C8.129%2016%2010.71%2010.932%2012%209.068c1.548%201.864%204.129%207.2%204.387%208.8l-.774%201.864c-.516-1.6-2.323-5.6-3.613-7.732m-.774%207.468L12%2018.4l.774%201.068l.774-1.068c0-.8-1.032-2.668-1.548-3.2c-.516.532-1.548%202.56-1.548%203.2z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7yC2zezO%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300ebe4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23009ef8%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(%23SVG7yC2zezO)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.774%2018.132L5.548%2020C6.994%2015.303%2010.194%209.332%2012%206.4c1.806%202.932%205.42%209.332%206.451%2013.6l.775-1.869C18.813%2016%2014.839%206.932%2012%204C9.42%206.932%205.806%2015.112%204.774%2018.131M12%2012c-1.239%201.92-2.926%206.131-3.613%208l-.774-2.132C8.129%2016%2010.71%2010.932%2012%209.068c1.548%201.864%204.129%207.2%204.387%208.8l-.774%201.864c-.516-1.6-2.323-5.6-3.613-7.732m-.774%207.468L12%2018.4l.774%201.068l.774-1.068c0-.8-1.032-2.668-1.548-3.2c-.516.532-1.548%202.56-1.548%203.2z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7yC2zezO%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2300ebe4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23009ef8%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/arsw-background.svg?color=%231a73e8&size=48
