you logo
you from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- you
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
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"><g fill="none"><path fill="url(#SVGGu3gPe7d)" d="M4.226 3h7.07v3.857H7.44v7.418c0 1.093 1.928 3.381 4.5 3.51c2.57.128 4.5-2.295 4.5-3.51V4.928h-1.93v-.642h2.572v9.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.929 5.85 7.072 5.85s7.07-3.633 7.07-5.85V3.283h.643v11.224c0 2.487-2.198 6.57-7.713 6.492c-5.516-.077-7.714-4.114-7.714-6.492z"/><path fill="url(#SVGGu3gPe7d)" 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-.642v5.625c0 1.594 1.716 3.26 3.856 3.272c2.141.013 3.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="url(#SVGhhXtlnmc)" d="M8.41 8.43a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><path fill="url(#SVGaaKefqDv)" d="M9.439 5.018a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><path fill="url(#SVGaaKefqDv)" d="M14.433 5.018a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><path fill="url(#SVGM9cTpixY)" d="M19.337 3.874a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><defs><linearGradient id="SVGGu3gPe7d" x1="19.03" x2="19.66" y1="3.182" y2="3.718" gradientUnits="userSpaceOnUse"><stop stop-color="#a81ed5"/><stop offset="1" stop-color="#4300d0"/></linearGradient><linearGradient id="SVGhhXtlnmc" x1="19.03" x2="19.66" y1="3.18" y2="3.717" gradientUnits="userSpaceOnUse"><stop stop-color="#a81ed5"/><stop offset="1" stop-color="#4300d0"/></linearGradient><linearGradient id="SVGaaKefqDv" x1="19.029" x2="19.66" y1="3.181" y2="3.718" gradientUnits="userSpaceOnUse"><stop stop-color="#a81ed5"/><stop offset="1" stop-color="#4300d0"/></linearGradient><linearGradient id="SVGM9cTpixY" x1="19.029" x2="19.659" y1="3.182" y2="3.718" gradientUnits="userSpaceOnUse"><stop stop-color="#a81ed5"/><stop offset="1" stop-color="#4300d0"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedYou(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(#SVGGu3gPe7d)" d="M4.226 3h7.07v3.857H7.44v7.418c0 1.093 1.928 3.381 4.5 3.51c2.57.128 4.5-2.295 4.5-3.51V4.928h-1.93v-.642h2.572v9.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.929 5.85 7.072 5.85s7.07-3.633 7.07-5.85V3.283h.643v11.224c0 2.487-2.198 6.57-7.713 6.492c-5.516-.077-7.714-4.114-7.714-6.492z"/><path fill="url(#SVGGu3gPe7d)" 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-.642v5.625c0 1.594 1.716 3.26 3.856 3.272c2.141.013 3.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="url(#SVGhhXtlnmc)" d="M8.41 8.43a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><path fill="url(#SVGaaKefqDv)" d="M9.439 5.018a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><path fill="url(#SVGaaKefqDv)" d="M14.433 5.018a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><path fill="url(#SVGM9cTpixY)" d="M19.337 3.874a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><defs><linearGradient id="SVGGu3gPe7d" x1="19.03" x2="19.66" y1="3.182" y2="3.718" gradientUnits="userSpaceOnUse"><stop stopColor="#a81ed5"/><stop offset="1" stopColor="#4300d0"/></linearGradient><linearGradient id="SVGhhXtlnmc" x1="19.03" x2="19.66" y1="3.18" y2="3.717" gradientUnits="userSpaceOnUse"><stop stopColor="#a81ed5"/><stop offset="1" stopColor="#4300d0"/></linearGradient><linearGradient id="SVGaaKefqDv" x1="19.029" x2="19.66" y1="3.181" y2="3.718" gradientUnits="userSpaceOnUse"><stop stopColor="#a81ed5"/><stop offset="1" stopColor="#4300d0"/></linearGradient><linearGradient id="SVGM9cTpixY" x1="19.029" x2="19.659" y1="3.182" y2="3.718" gradientUnits="userSpaceOnUse"><stop stopColor="#a81ed5"/><stop offset="1" stopColor="#4300d0"/></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(#SVGGu3gPe7d)" d="M4.226 3h7.07v3.857H7.44v7.418c0 1.093 1.928 3.381 4.5 3.51c2.57.128 4.5-2.295 4.5-3.51V4.928h-1.93v-.642h2.572v9.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.929 5.85 7.072 5.85s7.07-3.633 7.07-5.85V3.283h.643v11.224c0 2.487-2.198 6.57-7.713 6.492c-5.516-.077-7.714-4.114-7.714-6.492z"/><path fill="url(#SVGGu3gPe7d)" 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-.642v5.625c0 1.594 1.716 3.26 3.856 3.272c2.141.013 3.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="url(#SVGhhXtlnmc)" d="M8.41 8.43a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><path fill="url(#SVGaaKefqDv)" d="M9.439 5.018a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><path fill="url(#SVGaaKefqDv)" d="M14.433 5.018a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><path fill="url(#SVGM9cTpixY)" d="M19.337 3.874a.437.437 0 1 0 0-.874a.437.437 0 0 0 0 .874"/><defs><linearGradient id="SVGGu3gPe7d" x1="19.03" x2="19.66" y1="3.182" y2="3.718" gradientUnits="userSpaceOnUse"><stop stop-color="#a81ed5"/><stop offset="1" stop-color="#4300d0"/></linearGradient><linearGradient id="SVGhhXtlnmc" x1="19.03" x2="19.66" y1="3.18" y2="3.717" gradientUnits="userSpaceOnUse"><stop stop-color="#a81ed5"/><stop offset="1" stop-color="#4300d0"/></linearGradient><linearGradient id="SVGaaKefqDv" x1="19.029" x2="19.66" y1="3.181" y2="3.718" gradientUnits="userSpaceOnUse"><stop stop-color="#a81ed5"/><stop offset="1" stop-color="#4300d0"/></linearGradient><linearGradient id="SVGM9cTpixY" x1="19.029" x2="19.659" y1="3.182" y2="3.718" gradientUnits="userSpaceOnUse"><stop stop-color="#a81ed5"/><stop offset="1" stop-color="#4300d0"/></linearGradient></defs></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGGu3gPe7d)%22%20d%3D%22M4.226%203h7.07v3.857H7.44v7.418c0%201.093%201.928%203.381%204.5%203.51c2.57.128%204.5-2.295%204.5-3.51V4.928h-1.93v-.642h2.572v9.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.929%205.85%207.072%205.85s7.07-3.633%207.07-5.85V3.283h.643v11.224c0%202.487-2.198%206.57-7.713%206.492c-5.516-.077-7.714-4.114-7.714-6.492z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGu3gPe7d)%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-.642v5.625c0%201.594%201.716%203.26%203.856%203.272c2.141.013%203.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%22url(%23SVGhhXtlnmc)%22%20d%3D%22M8.41%208.43a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGaaKefqDv)%22%20d%3D%22M9.439%205.018a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGaaKefqDv)%22%20d%3D%22M14.433%205.018a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGM9cTpixY)%22%20d%3D%22M19.337%203.874a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGGu3gPe7d%22%20x1%3D%2219.03%22%20x2%3D%2219.66%22%20y1%3D%223.182%22%20y2%3D%223.718%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a81ed5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234300d0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhhXtlnmc%22%20x1%3D%2219.03%22%20x2%3D%2219.66%22%20y1%3D%223.18%22%20y2%3D%223.717%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a81ed5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234300d0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGaaKefqDv%22%20x1%3D%2219.029%22%20x2%3D%2219.66%22%20y1%3D%223.181%22%20y2%3D%223.718%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a81ed5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234300d0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGM9cTpixY%22%20x1%3D%2219.029%22%20x2%3D%2219.659%22%20y1%3D%223.182%22%20y2%3D%223.718%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a81ed5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234300d0%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(%23SVGGu3gPe7d)%22%20d%3D%22M4.226%203h7.07v3.857H7.44v7.418c0%201.093%201.928%203.381%204.5%203.51c2.57.128%204.5-2.295%204.5-3.51V4.928h-1.93v-.642h2.572v9.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.929%205.85%207.072%205.85s7.07-3.633%207.07-5.85V3.283h.643v11.224c0%202.487-2.198%206.57-7.713%206.492c-5.516-.077-7.714-4.114-7.714-6.492z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGGu3gPe7d)%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-.642v5.625c0%201.594%201.716%203.26%203.856%203.272c2.141.013%203.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%22url(%23SVGhhXtlnmc)%22%20d%3D%22M8.41%208.43a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGaaKefqDv)%22%20d%3D%22M9.439%205.018a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGaaKefqDv)%22%20d%3D%22M14.433%205.018a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGM9cTpixY)%22%20d%3D%22M19.337%203.874a.437.437%200%201%200%200-.874a.437.437%200%200%200%200%20.874%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGGu3gPe7d%22%20x1%3D%2219.03%22%20x2%3D%2219.66%22%20y1%3D%223.182%22%20y2%3D%223.718%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a81ed5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234300d0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhhXtlnmc%22%20x1%3D%2219.03%22%20x2%3D%2219.66%22%20y1%3D%223.18%22%20y2%3D%223.717%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a81ed5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234300d0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGaaKefqDv%22%20x1%3D%2219.029%22%20x2%3D%2219.66%22%20y1%3D%223.181%22%20y2%3D%223.718%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a81ed5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234300d0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGM9cTpixY%22%20x1%3D%2219.029%22%20x2%3D%2219.659%22%20y1%3D%223.182%22%20y2%3D%223.718%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a81ed5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234300d0%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/you.svg?color=%231a73e8&size=48
