crowd logo
crowd from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- crowd
- 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 crowd 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(#SVGX9k6kIOO)" d="M11.201 13.247c-.509-.153-1.049.203-1.432.576c-.64.622-1.77.878-2.729.878a2.703 2.703 0 1 1 2.387-3.962c.195-.44.527-.807.946-1.045a4.048 4.048 0 1 0-3.333 6.358c1.932 0 4.098-.891 4.503-2.701z"/><path fill="url(#SVG7yJIwcFa)" d="m12.94 13.216l.405.135l.365.072a1.26 1.26 0 0 0-.766-.207zm1.333.657c-.262.207-.752.36-1.441.374c.801 1.207 2.535 1.806 4.115 1.806a4.053 4.053 0 1 0 0-8.106c-1.382 0-3.098 1.194-3.827 2.252c-.225.675.225 1.126.45 1.35c.45-.855 2.342-2.25 3.377-2.25a2.702 2.702 0 1 1 0 5.403c-.932 0-2.026-.243-2.674-.829"/><path fill="#0b9ed9" d="M10.643 12a.9.9 0 1 0 0-1.801a.9.9 0 0 0 0 1.801m2.701 1.802a.9.9 0 1 0 0-1.801a.9.9 0 0 0 0 1.801"/><defs><linearGradient id="SVGX9k6kIOO" x1="4.871" x2="12.633" y1="10.417" y2="19.674" gradientUnits="userSpaceOnUse"><stop stop-color="#1cd875"/><stop offset="1" stop-color="#17c693"/></linearGradient><linearGradient id="SVG7yJIwcFa" x1="6.691" x2="10.853" y1="9.974" y2="18.299" gradientUnits="userSpaceOnUse"><stop stop-color="#16c399"/><stop offset="1" stop-color="#0fadbe"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCrowd(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(#SVGX9k6kIOO)" d="M11.201 13.247c-.509-.153-1.049.203-1.432.576c-.64.622-1.77.878-2.729.878a2.703 2.703 0 1 1 2.387-3.962c.195-.44.527-.807.946-1.045a4.048 4.048 0 1 0-3.333 6.358c1.932 0 4.098-.891 4.503-2.701z"/><path fill="url(#SVG7yJIwcFa)" d="m12.94 13.216l.405.135l.365.072a1.26 1.26 0 0 0-.766-.207zm1.333.657c-.262.207-.752.36-1.441.374c.801 1.207 2.535 1.806 4.115 1.806a4.053 4.053 0 1 0 0-8.106c-1.382 0-3.098 1.194-3.827 2.252c-.225.675.225 1.126.45 1.35c.45-.855 2.342-2.25 3.377-2.25a2.702 2.702 0 1 1 0 5.403c-.932 0-2.026-.243-2.674-.829"/><path fill="#0b9ed9" d="M10.643 12a.9.9 0 1 0 0-1.801a.9.9 0 0 0 0 1.801m2.701 1.802a.9.9 0 1 0 0-1.801a.9.9 0 0 0 0 1.801"/><defs><linearGradient id="SVGX9k6kIOO" x1="4.871" x2="12.633" y1="10.417" y2="19.674" gradientUnits="userSpaceOnUse"><stop stopColor="#1cd875"/><stop offset="1" stopColor="#17c693"/></linearGradient><linearGradient id="SVG7yJIwcFa" x1="6.691" x2="10.853" y1="9.974" y2="18.299" gradientUnits="userSpaceOnUse"><stop stopColor="#16c399"/><stop offset="1" stopColor="#0fadbe"/></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(#SVGX9k6kIOO)" d="M11.201 13.247c-.509-.153-1.049.203-1.432.576c-.64.622-1.77.878-2.729.878a2.703 2.703 0 1 1 2.387-3.962c.195-.44.527-.807.946-1.045a4.048 4.048 0 1 0-3.333 6.358c1.932 0 4.098-.891 4.503-2.701z"/><path fill="url(#SVG7yJIwcFa)" d="m12.94 13.216l.405.135l.365.072a1.26 1.26 0 0 0-.766-.207zm1.333.657c-.262.207-.752.36-1.441.374c.801 1.207 2.535 1.806 4.115 1.806a4.053 4.053 0 1 0 0-8.106c-1.382 0-3.098 1.194-3.827 2.252c-.225.675.225 1.126.45 1.35c.45-.855 2.342-2.25 3.377-2.25a2.702 2.702 0 1 1 0 5.403c-.932 0-2.026-.243-2.674-.829"/><path fill="#0b9ed9" d="M10.643 12a.9.9 0 1 0 0-1.801a.9.9 0 0 0 0 1.801m2.701 1.802a.9.9 0 1 0 0-1.801a.9.9 0 0 0 0 1.801"/><defs><linearGradient id="SVGX9k6kIOO" x1="4.871" x2="12.633" y1="10.417" y2="19.674" gradientUnits="userSpaceOnUse"><stop stop-color="#1cd875"/><stop offset="1" stop-color="#17c693"/></linearGradient><linearGradient id="SVG7yJIwcFa" x1="6.691" x2="10.853" y1="9.974" y2="18.299" gradientUnits="userSpaceOnUse"><stop stop-color="#16c399"/><stop offset="1" stop-color="#0fadbe"/></linearGradient></defs></g></svg> </template>
CSS
.icon-crowd {
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(%23SVGX9k6kIOO)%22%20d%3D%22M11.201%2013.247c-.509-.153-1.049.203-1.432.576c-.64.622-1.77.878-2.729.878a2.703%202.703%200%201%201%202.387-3.962c.195-.44.527-.807.946-1.045a4.048%204.048%200%201%200-3.333%206.358c1.932%200%204.098-.891%204.503-2.701z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7yJIwcFa)%22%20d%3D%22m12.94%2013.216l.405.135l.365.072a1.26%201.26%200%200%200-.766-.207zm1.333.657c-.262.207-.752.36-1.441.374c.801%201.207%202.535%201.806%204.115%201.806a4.053%204.053%200%201%200%200-8.106c-1.382%200-3.098%201.194-3.827%202.252c-.225.675.225%201.126.45%201.35c.45-.855%202.342-2.25%203.377-2.25a2.702%202.702%200%201%201%200%205.403c-.932%200-2.026-.243-2.674-.829%22%2F%3E%3Cpath%20fill%3D%22%230b9ed9%22%20d%3D%22M10.643%2012a.9.9%200%201%200%200-1.801a.9.9%200%200%200%200%201.801m2.701%201.802a.9.9%200%201%200%200-1.801a.9.9%200%200%200%200%201.801%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGX9k6kIOO%22%20x1%3D%224.871%22%20x2%3D%2212.633%22%20y1%3D%2210.417%22%20y2%3D%2219.674%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231cd875%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2317c693%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7yJIwcFa%22%20x1%3D%226.691%22%20x2%3D%2210.853%22%20y1%3D%229.974%22%20y2%3D%2218.299%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2316c399%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230fadbe%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(%23SVGX9k6kIOO)%22%20d%3D%22M11.201%2013.247c-.509-.153-1.049.203-1.432.576c-.64.622-1.77.878-2.729.878a2.703%202.703%200%201%201%202.387-3.962c.195-.44.527-.807.946-1.045a4.048%204.048%200%201%200-3.333%206.358c1.932%200%204.098-.891%204.503-2.701z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7yJIwcFa)%22%20d%3D%22m12.94%2013.216l.405.135l.365.072a1.26%201.26%200%200%200-.766-.207zm1.333.657c-.262.207-.752.36-1.441.374c.801%201.207%202.535%201.806%204.115%201.806a4.053%204.053%200%201%200%200-8.106c-1.382%200-3.098%201.194-3.827%202.252c-.225.675.225%201.126.45%201.35c.45-.855%202.342-2.25%203.377-2.25a2.702%202.702%200%201%201%200%205.403c-.932%200-2.026-.243-2.674-.829%22%2F%3E%3Cpath%20fill%3D%22%230b9ed9%22%20d%3D%22M10.643%2012a.9.9%200%201%200%200-1.801a.9.9%200%200%200%200%201.801m2.701%201.802a.9.9%200%201%200%200-1.801a.9.9%200%200%200%200%201.801%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGX9k6kIOO%22%20x1%3D%224.871%22%20x2%3D%2212.633%22%20y1%3D%2210.417%22%20y2%3D%2219.674%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231cd875%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2317c693%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7yJIwcFa%22%20x1%3D%226.691%22%20x2%3D%2210.853%22%20y1%3D%229.974%22%20y2%3D%2218.299%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2316c399%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230fadbe%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/crowd.svg?color=%231a73e8&size=48
