you logo

you from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.

Name: you
Set: Web3 Icons
Style: Mono
Viewbox: 24×24
License: MIT

The same logo in other sets

Use the you logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.225 3h7.071v3.857H7.44v7.418c0 1.093 1.929 3.381 4.5 3.51c2.571.128 4.5-2.295 4.5-3.51V4.928h-1.93v-.642h2.571v9.99c0 1.716-2.224 4.152-5.142 4.152s-5.143-2.572-5.143-4.153v-8.06h3.857V3.642H4.868v10.864c0 1.787 1.928 5.85 7.07 5.85s7.072-3.633 7.072-5.85V3.283h.643v11.224c0 2.487-2.199 6.57-7.714 6.492c-5.515-.077-7.714-4.114-7.714-6.492z"/><path fill="currentColor" d="M18.368 3h-5.786v3.857h2.571v7.013c0 .746-1.054 2.68-3.214 2.63c-2.16-.052-3.214-1.75-3.214-2.63V8.245h-.643v5.625c0 1.594 1.717 3.26 3.857 3.272s3.857-1.851 3.857-3.272V6.214h-2.571V3.643h4.5V13.87a5.4 5.4 0 0 1-5.683 5.2c-4.242 0-5.888-3.49-5.888-5.2V4.928h3.214v-.642H5.511v9.584c0 2.379 1.877 5.869 6.531 5.843s6.326-3.696 6.326-5.843z"/><path fill="currentColor" d="M8.41 8.432a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874m1.029-3.414a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874m4.994 0a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874m4.905-1.144a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/></svg>

React

import type { SVGProps } from "react";

export function TokenYou(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="M4.225 3h7.071v3.857H7.44v7.418c0 1.093 1.929 3.381 4.5 3.51c2.571.128 4.5-2.295 4.5-3.51V4.928h-1.93v-.642h2.571v9.99c0 1.716-2.224 4.152-5.142 4.152s-5.143-2.572-5.143-4.153v-8.06h3.857V3.642H4.868v10.864c0 1.787 1.928 5.85 7.07 5.85s7.072-3.633 7.072-5.85V3.283h.643v11.224c0 2.487-2.199 6.57-7.714 6.492c-5.515-.077-7.714-4.114-7.714-6.492z"/><path fill="currentColor" d="M18.368 3h-5.786v3.857h2.571v7.013c0 .746-1.054 2.68-3.214 2.63c-2.16-.052-3.214-1.75-3.214-2.63V8.245h-.643v5.625c0 1.594 1.717 3.26 3.857 3.272s3.857-1.851 3.857-3.272V6.214h-2.571V3.643h4.5V13.87a5.4 5.4 0 0 1-5.683 5.2c-4.242 0-5.888-3.49-5.888-5.2V4.928h3.214v-.642H5.511v9.584c0 2.379 1.877 5.869 6.531 5.843s6.326-3.696 6.326-5.843z"/><path fill="currentColor" d="M8.41 8.432a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874m1.029-3.414a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874m4.994 0a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874m4.905-1.144a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.225 3h7.071v3.857H7.44v7.418c0 1.093 1.929 3.381 4.5 3.51c2.571.128 4.5-2.295 4.5-3.51V4.928h-1.93v-.642h2.571v9.99c0 1.716-2.224 4.152-5.142 4.152s-5.143-2.572-5.143-4.153v-8.06h3.857V3.642H4.868v10.864c0 1.787 1.928 5.85 7.07 5.85s7.072-3.633 7.072-5.85V3.283h.643v11.224c0 2.487-2.199 6.57-7.714 6.492c-5.515-.077-7.714-4.114-7.714-6.492z"/><path fill="currentColor" d="M18.368 3h-5.786v3.857h2.571v7.013c0 .746-1.054 2.68-3.214 2.63c-2.16-.052-3.214-1.75-3.214-2.63V8.245h-.643v5.625c0 1.594 1.717 3.26 3.857 3.272s3.857-1.851 3.857-3.272V6.214h-2.571V3.643h4.5V13.87a5.4 5.4 0 0 1-5.683 5.2c-4.242 0-5.888-3.49-5.888-5.2V4.928h3.214v-.642H5.511v9.584c0 2.379 1.877 5.869 6.531 5.843s6.326-3.696 6.326-5.843z"/><path fill="currentColor" d="M8.41 8.432a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874m1.029-3.414a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874m4.994 0a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874m4.905-1.144a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/></svg>
</template>

CSS

.icon-you {
  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%22M4.225%203h7.071v3.857H7.44v7.418c0%201.093%201.929%203.381%204.5%203.51c2.571.128%204.5-2.295%204.5-3.51V4.928h-1.93v-.642h2.571v9.99c0%201.716-2.224%204.152-5.142%204.152s-5.143-2.572-5.143-4.153v-8.06h3.857V3.642H4.868v10.864c0%201.787%201.928%205.85%207.07%205.85s7.072-3.633%207.072-5.85V3.283h.643v11.224c0%202.487-2.199%206.57-7.714%206.492c-5.515-.077-7.714-4.114-7.714-6.492z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.368%203h-5.786v3.857h2.571v7.013c0%20.746-1.054%202.68-3.214%202.63c-2.16-.052-3.214-1.75-3.214-2.63V8.245h-.643v5.625c0%201.594%201.717%203.26%203.857%203.272s3.857-1.851%203.857-3.272V6.214h-2.571V3.643h4.5V13.87a5.4%205.4%200%200%201-5.683%205.2c-4.242%200-5.888-3.49-5.888-5.2V4.928h3.214v-.642H5.511v9.584c0%202.379%201.877%205.869%206.531%205.843s6.326-3.696%206.326-5.843z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.41%208.432a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874m1.029-3.414a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874m4.994%200a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874m4.905-1.144a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%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%22M4.225%203h7.071v3.857H7.44v7.418c0%201.093%201.929%203.381%204.5%203.51c2.571.128%204.5-2.295%204.5-3.51V4.928h-1.93v-.642h2.571v9.99c0%201.716-2.224%204.152-5.142%204.152s-5.143-2.572-5.143-4.153v-8.06h3.857V3.642H4.868v10.864c0%201.787%201.928%205.85%207.07%205.85s7.072-3.633%207.072-5.85V3.283h.643v11.224c0%202.487-2.199%206.57-7.714%206.492c-5.515-.077-7.714-4.114-7.714-6.492z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.368%203h-5.786v3.857h2.571v7.013c0%20.746-1.054%202.68-3.214%202.63c-2.16-.052-3.214-1.75-3.214-2.63V8.245h-.643v5.625c0%201.594%201.717%203.26%203.857%203.272s3.857-1.851%203.857-3.272V6.214h-2.571V3.643h4.5V13.87a5.4%205.4%200%200%201-5.683%205.2c-4.242%200-5.888-3.49-5.888-5.2V4.928h3.214v-.642H5.511v9.584c0%202.379%201.877%205.869%206.531%205.843s6.326-3.696%206.326-5.843z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.41%208.432a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874m1.029-3.414a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874m4.994%200a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874m4.905-1.144a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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