basicattentiontoken logo

basicattentiontoken from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
basicattentiontoken
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the basicattentiontoken logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m23.917 21.886l.062-.124v-.042c0-.041.021-.083.021-.103v-.042c0-.041 0-.103-.02-.145l-.063-.124v-.021L12.54 2.135a.62.62 0 0 0-.54-.311a.65.65 0 0 0-.539.31L.083 21.265v.021l-.062.124C0 21.451 0 21.513 0 21.554v.042c0 .041 0 .083.02.103v.042c.021.041.021.083.063.124l.02.021c.021.041.042.083.084.104l.062.062c.02.02.041.041.062.041c.02.021.062.021.083.042c.02 0 .041.02.062.02a.5.5 0 0 0 .166.021h22.736c.062 0 .103 0 .165-.02c.021 0 .042-.021.063-.021c.041-.021.062-.021.103-.042c.02-.02.042-.02.062-.041l.062-.062a.4.4 0 0 0 .083-.104zM12 11.316l3.627 5.845H8.373zm-.622-1.347l-4.56 7.357l-4.455 2.55l9.015-15.15zM7.42 18.425h9.14l4.456 2.55H2.964zm9.761-1.099l-4.56-7.357V4.725l9.016 15.15z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsBasicattentiontoken(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="m23.917 21.886l.062-.124v-.042c0-.041.021-.083.021-.103v-.042c0-.041 0-.103-.02-.145l-.063-.124v-.021L12.54 2.135a.62.62 0 0 0-.54-.311a.65.65 0 0 0-.539.31L.083 21.265v.021l-.062.124C0 21.451 0 21.513 0 21.554v.042c0 .041 0 .083.02.103v.042c.021.041.021.083.063.124l.02.021c.021.041.042.083.084.104l.062.062c.02.02.041.041.062.041c.02.021.062.021.083.042c.02 0 .041.02.062.02a.5.5 0 0 0 .166.021h22.736c.062 0 .103 0 .165-.02c.021 0 .042-.021.063-.021c.041-.021.062-.021.103-.042c.02-.02.042-.02.062-.041l.062-.062a.4.4 0 0 0 .083-.104zM12 11.316l3.627 5.845H8.373zm-.622-1.347l-4.56 7.357l-4.455 2.55l9.015-15.15zM7.42 18.425h9.14l4.456 2.55H2.964zm9.761-1.099l-4.56-7.357V4.725l9.016 15.15z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m23.917 21.886l.062-.124v-.042c0-.041.021-.083.021-.103v-.042c0-.041 0-.103-.02-.145l-.063-.124v-.021L12.54 2.135a.62.62 0 0 0-.54-.311a.65.65 0 0 0-.539.31L.083 21.265v.021l-.062.124C0 21.451 0 21.513 0 21.554v.042c0 .041 0 .083.02.103v.042c.021.041.021.083.063.124l.02.021c.021.041.042.083.084.104l.062.062c.02.02.041.041.062.041c.02.021.062.021.083.042c.02 0 .041.02.062.02a.5.5 0 0 0 .166.021h22.736c.062 0 .103 0 .165-.02c.021 0 .042-.021.063-.021c.041-.021.062-.021.103-.042c.02-.02.042-.02.062-.041l.062-.062a.4.4 0 0 0 .083-.104zM12 11.316l3.627 5.845H8.373zm-.622-1.347l-4.56 7.357l-4.455 2.55l9.015-15.15zM7.42 18.425h9.14l4.456 2.55H2.964zm9.761-1.099l-4.56-7.357V4.725l9.016 15.15z"/></svg>
</template>

CSS

.icon-basicattentiontoken {
  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%22m23.917%2021.886l.062-.124v-.042c0-.041.021-.083.021-.103v-.042c0-.041%200-.103-.02-.145l-.063-.124v-.021L12.54%202.135a.62.62%200%200%200-.54-.311a.65.65%200%200%200-.539.31L.083%2021.265v.021l-.062.124C0%2021.451%200%2021.513%200%2021.554v.042c0%20.041%200%20.083.02.103v.042c.021.041.021.083.063.124l.02.021c.021.041.042.083.084.104l.062.062c.02.02.041.041.062.041c.02.021.062.021.083.042c.02%200%20.041.02.062.02a.5.5%200%200%200%20.166.021h22.736c.062%200%20.103%200%20.165-.02c.021%200%20.042-.021.063-.021c.041-.021.062-.021.103-.042c.02-.02.042-.02.062-.041l.062-.062a.4.4%200%200%200%20.083-.104zM12%2011.316l3.627%205.845H8.373zm-.622-1.347l-4.56%207.357l-4.455%202.55l9.015-15.15zM7.42%2018.425h9.14l4.456%202.55H2.964zm9.761-1.099l-4.56-7.357V4.725l9.016%2015.15z%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%22m23.917%2021.886l.062-.124v-.042c0-.041.021-.083.021-.103v-.042c0-.041%200-.103-.02-.145l-.063-.124v-.021L12.54%202.135a.62.62%200%200%200-.54-.311a.65.65%200%200%200-.539.31L.083%2021.265v.021l-.062.124C0%2021.451%200%2021.513%200%2021.554v.042c0%20.041%200%20.083.02.103v.042c.021.041.021.083.063.124l.02.021c.021.041.042.083.084.104l.062.062c.02.02.041.041.062.041c.02.021.062.021.083.042c.02%200%20.041.02.062.02a.5.5%200%200%200%20.166.021h22.736c.062%200%20.103%200%20.165-.02c.021%200%20.042-.021.063-.021c.041-.021.062-.021.103-.042c.02-.02.042-.02.062-.041l.062-.062a.4.4%200%200%200%20.083-.104zM12%2011.316l3.627%205.845H8.373zm-.622-1.347l-4.56%207.357l-4.455%202.55l9.015-15.15zM7.42%2018.425h9.14l4.456%202.55H2.964zm9.761-1.099l-4.56-7.357V4.725l9.016%2015.15z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/basicattentiontoken.svg?color=%231a73e8&size=48