source logo
source from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- source
- 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 source 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(#SVGDoNhQdyS)" d="M11.87 11.539c-.81-.715-2.43-2.38-2.43-3.308c0-1.159 1.216-1.856 3.123-1.856c.708 0 1.237.568 1.957 1.339l.495.517c.99 1.018 1.277 1.153 2.076 1.153c.798 0 1.659-.298 1.659-2.278C18.75 5.115 15.662 3 11.87 3C8.086 3 5.25 6.037 5.25 8.062c0 2.037 2.812 4.04 6.62 3.477m.26.922c.81.715 2.43 2.38 2.43 3.308c0 1.158-2.127 1.687-2.982 1.687s-1.603-.675-2.593-1.687c-.99-1.018-1.277-1.153-2.076-1.153c-.798 0-1.659.298-1.659 2.278c0 1.99 3.088 4.106 6.88 4.106c3.785 0 6.62-3.038 6.62-5.063c0-2.036-2.812-4.038-6.62-3.476"/><defs><linearGradient id="SVGDoNhQdyS" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#ed69ff"/><stop offset="1" stop-color="#7b61f4"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSource(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(#SVGDoNhQdyS)" d="M11.87 11.539c-.81-.715-2.43-2.38-2.43-3.308c0-1.159 1.216-1.856 3.123-1.856c.708 0 1.237.568 1.957 1.339l.495.517c.99 1.018 1.277 1.153 2.076 1.153c.798 0 1.659-.298 1.659-2.278C18.75 5.115 15.662 3 11.87 3C8.086 3 5.25 6.037 5.25 8.062c0 2.037 2.812 4.04 6.62 3.477m.26.922c.81.715 2.43 2.38 2.43 3.308c0 1.158-2.127 1.687-2.982 1.687s-1.603-.675-2.593-1.687c-.99-1.018-1.277-1.153-2.076-1.153c-.798 0-1.659.298-1.659 2.278c0 1.99 3.088 4.106 6.88 4.106c3.785 0 6.62-3.038 6.62-5.063c0-2.036-2.812-4.038-6.62-3.476"/><defs><linearGradient id="SVGDoNhQdyS" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stopColor="#ed69ff"/><stop offset="1" stopColor="#7b61f4"/></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(#SVGDoNhQdyS)" d="M11.87 11.539c-.81-.715-2.43-2.38-2.43-3.308c0-1.159 1.216-1.856 3.123-1.856c.708 0 1.237.568 1.957 1.339l.495.517c.99 1.018 1.277 1.153 2.076 1.153c.798 0 1.659-.298 1.659-2.278C18.75 5.115 15.662 3 11.87 3C8.086 3 5.25 6.037 5.25 8.062c0 2.037 2.812 4.04 6.62 3.477m.26.922c.81.715 2.43 2.38 2.43 3.308c0 1.158-2.127 1.687-2.982 1.687s-1.603-.675-2.593-1.687c-.99-1.018-1.277-1.153-2.076-1.153c-.798 0-1.659.298-1.659 2.278c0 1.99 3.088 4.106 6.88 4.106c3.785 0 6.62-3.038 6.62-5.063c0-2.036-2.812-4.038-6.62-3.476"/><defs><linearGradient id="SVGDoNhQdyS" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#ed69ff"/><stop offset="1" stop-color="#7b61f4"/></linearGradient></defs></g></svg> </template>
CSS
.icon-source {
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(%23SVGDoNhQdyS)%22%20d%3D%22M11.87%2011.539c-.81-.715-2.43-2.38-2.43-3.308c0-1.159%201.216-1.856%203.123-1.856c.708%200%201.237.568%201.957%201.339l.495.517c.99%201.018%201.277%201.153%202.076%201.153c.798%200%201.659-.298%201.659-2.278C18.75%205.115%2015.662%203%2011.87%203C8.086%203%205.25%206.037%205.25%208.062c0%202.037%202.812%204.04%206.62%203.477m.26.922c.81.715%202.43%202.38%202.43%203.308c0%201.158-2.127%201.687-2.982%201.687s-1.603-.675-2.593-1.687c-.99-1.018-1.277-1.153-2.076-1.153c-.798%200-1.659.298-1.659%202.278c0%201.99%203.088%204.106%206.88%204.106c3.785%200%206.62-3.038%206.62-5.063c0-2.036-2.812-4.038-6.62-3.476%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGDoNhQdyS%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ed69ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b61f4%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(%23SVGDoNhQdyS)%22%20d%3D%22M11.87%2011.539c-.81-.715-2.43-2.38-2.43-3.308c0-1.159%201.216-1.856%203.123-1.856c.708%200%201.237.568%201.957%201.339l.495.517c.99%201.018%201.277%201.153%202.076%201.153c.798%200%201.659-.298%201.659-2.278C18.75%205.115%2015.662%203%2011.87%203C8.086%203%205.25%206.037%205.25%208.062c0%202.037%202.812%204.04%206.62%203.477m.26.922c.81.715%202.43%202.38%202.43%203.308c0%201.158-2.127%201.687-2.982%201.687s-1.603-.675-2.593-1.687c-.99-1.018-1.277-1.153-2.076-1.153c-.798%200-1.659.298-1.659%202.278c0%201.99%203.088%204.106%206.88%204.106c3.785%200%206.62-3.038%206.62-5.063c0-2.036-2.812-4.038-6.62-3.476%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGDoNhQdyS%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ed69ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237b61f4%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/source.svg?color=%231a73e8&size=48
