arsw logo

arsw from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name
arsw
Set
Web3 Icons Branded
Style
Branded
Viewbox
24×24
License
MIT

1 other variant in Web3 Icons Branded

arsw-background

The same logo in other sets

arswWeb3 Icons

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"><path fill="url(#SVG0xiIzeRg)" d="M3.871 18.898L4.742 21C6.368 15.716 9.968 8.998 12 5.7c2.032 3.298 6.097 10.498 7.258 15.3l.871-2.102C19.664 16.5 15.193 6.298 12 3C9.097 6.298 5.032 15.501 3.871 18.898M12 12c-1.394 2.16-3.292 6.898-4.065 9l-.87-2.398c.58-2.102 3.484-7.804 4.935-9.9c1.742 2.096 4.645 8.1 4.936 9.9l-.872 2.096c-.58-1.8-2.612-6.3-4.064-8.698m-.871 8.402L12 19.2l.871 1.202l.87-1.202c0-.9-1.16-3.002-1.741-3.6c-.58.598-1.742 2.88-1.742 3.6z"/><defs><linearGradient id="SVG0xiIzeRg" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#00ebe4"/><stop offset="1" stop-color="#009ef8"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedArsw(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"><path fill="url(#SVG0xiIzeRg)" d="M3.871 18.898L4.742 21C6.368 15.716 9.968 8.998 12 5.7c2.032 3.298 6.097 10.498 7.258 15.3l.871-2.102C19.664 16.5 15.193 6.298 12 3C9.097 6.298 5.032 15.501 3.871 18.898M12 12c-1.394 2.16-3.292 6.898-4.065 9l-.87-2.398c.58-2.102 3.484-7.804 4.935-9.9c1.742 2.096 4.645 8.1 4.936 9.9l-.872 2.096c-.58-1.8-2.612-6.3-4.064-8.698m-.871 8.402L12 19.2l.871 1.202l.87-1.202c0-.9-1.16-3.002-1.741-3.6c-.58.598-1.742 2.88-1.742 3.6z"/><defs><linearGradient id="SVG0xiIzeRg" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stopColor="#00ebe4"/><stop offset="1" stopColor="#009ef8"/></linearGradient></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"><path fill="url(#SVG0xiIzeRg)" d="M3.871 18.898L4.742 21C6.368 15.716 9.968 8.998 12 5.7c2.032 3.298 6.097 10.498 7.258 15.3l.871-2.102C19.664 16.5 15.193 6.298 12 3C9.097 6.298 5.032 15.501 3.871 18.898M12 12c-1.394 2.16-3.292 6.898-4.065 9l-.87-2.398c.58-2.102 3.484-7.804 4.935-9.9c1.742 2.096 4.645 8.1 4.936 9.9l-.872 2.096c-.58-1.8-2.612-6.3-4.064-8.698m-.871 8.402L12 19.2l.871 1.202l.87-1.202c0-.9-1.16-3.002-1.741-3.6c-.58.598-1.742 2.88-1.742 3.6z"/><defs><linearGradient id="SVG0xiIzeRg" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#00ebe4"/><stop offset="1" stop-color="#009ef8"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-arsw {
  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%3Cpath%20fill%3D%22url(%23SVG0xiIzeRg)%22%20d%3D%22M3.871%2018.898L4.742%2021C6.368%2015.716%209.968%208.998%2012%205.7c2.032%203.298%206.097%2010.498%207.258%2015.3l.871-2.102C19.664%2016.5%2015.193%206.298%2012%203C9.097%206.298%205.032%2015.501%203.871%2018.898M12%2012c-1.394%202.16-3.292%206.898-4.065%209l-.87-2.398c.58-2.102%203.484-7.804%204.935-9.9c1.742%202.096%204.645%208.1%204.936%209.9l-.872%202.096c-.58-1.8-2.612-6.3-4.064-8.698m-.871%208.402L12%2019.2l.871%201.202l.87-1.202c0-.9-1.16-3.002-1.741-3.6c-.58.598-1.742%202.88-1.742%203.6z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG0xiIzeRg%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%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%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%3Cpath%20fill%3D%22url(%23SVG0xiIzeRg)%22%20d%3D%22M3.871%2018.898L4.742%2021C6.368%2015.716%209.968%208.998%2012%205.7c2.032%203.298%206.097%2010.498%207.258%2015.3l.871-2.102C19.664%2016.5%2015.193%206.298%2012%203C9.097%206.298%205.032%2015.501%203.871%2018.898M12%2012c-1.394%202.16-3.292%206.898-4.065%209l-.87-2.398c.58-2.102%203.484-7.804%204.935-9.9c1.742%202.096%204.645%208.1%204.936%209.9l-.872%202.096c-.58-1.8-2.612-6.3-4.064-8.698m-.871%208.402L12%2019.2l.871%201.202l.87-1.202c0-.9-1.16-3.002-1.741-3.6c-.58.598-1.742%202.88-1.742%203.6z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG0xiIzeRg%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%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%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.svg?color=%231a73e8&size=48

Arsw logo — Web3 Icons Branded · IconsDB