arc logo
arc from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- arc
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the arc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.147 5.144a.82.82 0 0 0-.669-.344a.83.83 0 0 0-.668.334L5.057 14.57a12.5 12.5 0 0 1 3.112-1.625l4.294-6.002l4.099 5.925a12.5 12.5 0 0 1 2.895 1.404zm-9.633 13.66L3 19.2c.098-.123.273-.257.514-.396c2.078-1.527 6.27-4.011 9.89-4.201c4.937-.258 8.06 1.023 7.54 2.556c-.52 1.532-4.16-.515-7.54-.515c-2.967 0-8.141 1.183-9.89 2.16"/><path fill="currentColor" d="M14.011 16.083c-4.279 0-8.944 2.078-10.738 3.117L3 18.788c1.83-1.06 6.593-3.188 11.011-3.188c3.924 0 5.776.735 6.331.997c.129.057.18.206.118.324a.267.267 0 0 1-.35.103c-.478-.22-2.252-.94-6.099-.94"/></svg>
React
import type { SVGProps } from "react";
export function TokenArc(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="M13.147 5.144a.82.82 0 0 0-.669-.344a.83.83 0 0 0-.668.334L5.057 14.57a12.5 12.5 0 0 1 3.112-1.625l4.294-6.002l4.099 5.925a12.5 12.5 0 0 1 2.895 1.404zm-9.633 13.66L3 19.2c.098-.123.273-.257.514-.396c2.078-1.527 6.27-4.011 9.89-4.201c4.937-.258 8.06 1.023 7.54 2.556c-.52 1.532-4.16-.515-7.54-.515c-2.967 0-8.141 1.183-9.89 2.16"/><path fill="currentColor" d="M14.011 16.083c-4.279 0-8.944 2.078-10.738 3.117L3 18.788c1.83-1.06 6.593-3.188 11.011-3.188c3.924 0 5.776.735 6.331.997c.129.057.18.206.118.324a.267.267 0 0 1-.35.103c-.478-.22-2.252-.94-6.099-.94"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.147 5.144a.82.82 0 0 0-.669-.344a.83.83 0 0 0-.668.334L5.057 14.57a12.5 12.5 0 0 1 3.112-1.625l4.294-6.002l4.099 5.925a12.5 12.5 0 0 1 2.895 1.404zm-9.633 13.66L3 19.2c.098-.123.273-.257.514-.396c2.078-1.527 6.27-4.011 9.89-4.201c4.937-.258 8.06 1.023 7.54 2.556c-.52 1.532-4.16-.515-7.54-.515c-2.967 0-8.141 1.183-9.89 2.16"/><path fill="currentColor" d="M14.011 16.083c-4.279 0-8.944 2.078-10.738 3.117L3 18.788c1.83-1.06 6.593-3.188 11.011-3.188c3.924 0 5.776.735 6.331.997c.129.057.18.206.118.324a.267.267 0 0 1-.35.103c-.478-.22-2.252-.94-6.099-.94"/></svg> </template>
CSS
.icon-arc {
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%22M13.147%205.144a.82.82%200%200%200-.669-.344a.83.83%200%200%200-.668.334L5.057%2014.57a12.5%2012.5%200%200%201%203.112-1.625l4.294-6.002l4.099%205.925a12.5%2012.5%200%200%201%202.895%201.404zm-9.633%2013.66L3%2019.2c.098-.123.273-.257.514-.396c2.078-1.527%206.27-4.011%209.89-4.201c4.937-.258%208.06%201.023%207.54%202.556c-.52%201.532-4.16-.515-7.54-.515c-2.967%200-8.141%201.183-9.89%202.16%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.011%2016.083c-4.279%200-8.944%202.078-10.738%203.117L3%2018.788c1.83-1.06%206.593-3.188%2011.011-3.188c3.924%200%205.776.735%206.331.997c.129.057.18.206.118.324a.267.267%200%200%201-.35.103c-.478-.22-2.252-.94-6.099-.94%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%22M13.147%205.144a.82.82%200%200%200-.669-.344a.83.83%200%200%200-.668.334L5.057%2014.57a12.5%2012.5%200%200%201%203.112-1.625l4.294-6.002l4.099%205.925a12.5%2012.5%200%200%201%202.895%201.404zm-9.633%2013.66L3%2019.2c.098-.123.273-.257.514-.396c2.078-1.527%206.27-4.011%209.89-4.201c4.937-.258%208.06%201.023%207.54%202.556c-.52%201.532-4.16-.515-7.54-.515c-2.967%200-8.141%201.183-9.89%202.16%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.011%2016.083c-4.279%200-8.944%202.078-10.738%203.117L3%2018.788c1.83-1.06%206.593-3.188%2011.011-3.188c3.924%200%205.776.735%206.331.997c.129.057.18.206.118.324a.267.267%200%200%201-.35.103c-.478-.22-2.252-.94-6.099-.94%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/arc.svg?color=%231a73e8&size=48
