abr logo
abr from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- abr
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the abr logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.886 4.125c0-.551.45-1.125 1.013-1.125c4.545 0 8.814 2.987 9.101 7.768v6.98c0 .552-.562 1.002-1.125 1.002s-1.125-.45-1.125-1.001v-6.92C18.502 7.085 15.656 5.25 12 5.25c-.563 0-1.114-.574-1.114-1.125m2.228 15.75c0 .551-.45 1.125-1.013 1.125C7.556 21 3.287 18.013 3 13.232v-6.98C3 5.7 3.563 5.25 4.125 5.25S5.25 5.7 5.25 6.251v6.919c.247 3.746 3.094 5.58 6.75 5.58c.563 0 1.114.574 1.114 1.125"/><path fill="currentColor" d="M6.375 4.024C6.375 3.46 6.825 3 7.382 3c.551 0 1.001.456 1.001 1.024V7.69A5.625 5.625 0 0 1 17.625 12v7.976c0 .563-.45 1.024-1.007 1.024a1.01 1.01 0 0 1-1.001-1.024V16.31A5.626 5.626 0 0 1 6.375 12zM8.383 12a3.616 3.616 0 1 0 0-.023z"/></svg>
React
import type { SVGProps } from "react";
export function TokenAbr(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.886 4.125c0-.551.45-1.125 1.013-1.125c4.545 0 8.814 2.987 9.101 7.768v6.98c0 .552-.562 1.002-1.125 1.002s-1.125-.45-1.125-1.001v-6.92C18.502 7.085 15.656 5.25 12 5.25c-.563 0-1.114-.574-1.114-1.125m2.228 15.75c0 .551-.45 1.125-1.013 1.125C7.556 21 3.287 18.013 3 13.232v-6.98C3 5.7 3.563 5.25 4.125 5.25S5.25 5.7 5.25 6.251v6.919c.247 3.746 3.094 5.58 6.75 5.58c.563 0 1.114.574 1.114 1.125"/><path fill="currentColor" d="M6.375 4.024C6.375 3.46 6.825 3 7.382 3c.551 0 1.001.456 1.001 1.024V7.69A5.625 5.625 0 0 1 17.625 12v7.976c0 .563-.45 1.024-1.007 1.024a1.01 1.01 0 0 1-1.001-1.024V16.31A5.626 5.626 0 0 1 6.375 12zM8.383 12a3.616 3.616 0 1 0 0-.023z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.886 4.125c0-.551.45-1.125 1.013-1.125c4.545 0 8.814 2.987 9.101 7.768v6.98c0 .552-.562 1.002-1.125 1.002s-1.125-.45-1.125-1.001v-6.92C18.502 7.085 15.656 5.25 12 5.25c-.563 0-1.114-.574-1.114-1.125m2.228 15.75c0 .551-.45 1.125-1.013 1.125C7.556 21 3.287 18.013 3 13.232v-6.98C3 5.7 3.563 5.25 4.125 5.25S5.25 5.7 5.25 6.251v6.919c.247 3.746 3.094 5.58 6.75 5.58c.563 0 1.114.574 1.114 1.125"/><path fill="currentColor" d="M6.375 4.024C6.375 3.46 6.825 3 7.382 3c.551 0 1.001.456 1.001 1.024V7.69A5.625 5.625 0 0 1 17.625 12v7.976c0 .563-.45 1.024-1.007 1.024a1.01 1.01 0 0 1-1.001-1.024V16.31A5.626 5.626 0 0 1 6.375 12zM8.383 12a3.616 3.616 0 1 0 0-.023z"/></svg> </template>
CSS
.icon-abr {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.886%204.125c0-.551.45-1.125%201.013-1.125c4.545%200%208.814%202.987%209.101%207.768v6.98c0%20.552-.562%201.002-1.125%201.002s-1.125-.45-1.125-1.001v-6.92C18.502%207.085%2015.656%205.25%2012%205.25c-.563%200-1.114-.574-1.114-1.125m2.228%2015.75c0%20.551-.45%201.125-1.013%201.125C7.556%2021%203.287%2018.013%203%2013.232v-6.98C3%205.7%203.563%205.25%204.125%205.25S5.25%205.7%205.25%206.251v6.919c.247%203.746%203.094%205.58%206.75%205.58c.563%200%201.114.574%201.114%201.125%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.375%204.024C6.375%203.46%206.825%203%207.382%203c.551%200%201.001.456%201.001%201.024V7.69A5.625%205.625%200%200%201%2017.625%2012v7.976c0%20.563-.45%201.024-1.007%201.024a1.01%201.01%200%200%201-1.001-1.024V16.31A5.626%205.626%200%200%201%206.375%2012zM8.383%2012a3.616%203.616%200%201%200%200-.023z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.886%204.125c0-.551.45-1.125%201.013-1.125c4.545%200%208.814%202.987%209.101%207.768v6.98c0%20.552-.562%201.002-1.125%201.002s-1.125-.45-1.125-1.001v-6.92C18.502%207.085%2015.656%205.25%2012%205.25c-.563%200-1.114-.574-1.114-1.125m2.228%2015.75c0%20.551-.45%201.125-1.013%201.125C7.556%2021%203.287%2018.013%203%2013.232v-6.98C3%205.7%203.563%205.25%204.125%205.25S5.25%205.7%205.25%206.251v6.919c.247%203.746%203.094%205.58%206.75%205.58c.563%200%201.114.574%201.114%201.125%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.375%204.024C6.375%203.46%206.825%203%207.382%203c.551%200%201.001.456%201.001%201.024V7.69A5.625%205.625%200%200%201%2017.625%2012v7.976c0%20.563-.45%201.024-1.007%201.024a1.01%201.01%200%200%201-1.001-1.024V16.31A5.626%205.626%200%200%201%206.375%2012zM8.383%2012a3.616%203.616%200%201%200%200-.023z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/abr.svg?color=%231a73e8&size=48
