tribe logo
tribe-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- tribe-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the tribe logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd146)"><path fill="#178dd0" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.414 4.668c-.268.314-.268.754-.268 1.628s0 1.308.268 1.623l.115.114c.308.274.754.308 1.645.371c3.214.224 6.44.224 9.653 0c.892-.063 1.337-.097 1.646-.371l.114-.114c.268-.315.268-.749.268-1.628c0-.874 0-1.314-.268-1.628a1 1 0 0 0-.114-.115c-.314-.274-.766-.308-1.663-.37A72 72 0 0 0 12 4c-1.827 0-3.547.091-4.81.171c-.902.069-1.347.103-1.661.377q-.062.054-.115.115zm13.264 7.986c-.068-.571-.097-.863-.365-1.068c-.263-.2-.572-.171-1.171-.109c-.275.029-.589.063-.954.114a6 6 0 0 0-.868.178c-.532.154-.8.228-1.2.748c-.406.52-.406.937-.406 1.77v4.542c0 .548 0 .828.183 1c.177.171.468.171 1.051.171h1.537c.96 0 1.434 0 1.788-.308c.354-.309.394-.737.474-1.589c.165-1.814.142-3.64-.069-5.449m-12.99-1.068c-.268.205-.296.491-.365 1.068a26.2 26.2 0 0 0-.069 5.45c.08.856.115 1.279.475 1.588c.354.308.828.308 1.788.308h1.536c.583 0 .874 0 1.051-.171c.183-.172.183-.452.183-1v-4.541c0-.84 0-1.257-.4-1.771c-.411-.526-.674-.6-1.205-.754a7 7 0 0 0-.868-.183l-.954-.103c-.606-.057-.909-.091-1.171.114z"/></g><defs><clipPath id="SVGHcSWxdhd146"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedTribeBackground(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"><g clipPath="url(#SVGHcSWxdhd146)"><path fill="#178dd0" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.414 4.668c-.268.314-.268.754-.268 1.628s0 1.308.268 1.623l.115.114c.308.274.754.308 1.645.371c3.214.224 6.44.224 9.653 0c.892-.063 1.337-.097 1.646-.371l.114-.114c.268-.315.268-.749.268-1.628c0-.874 0-1.314-.268-1.628a1 1 0 0 0-.114-.115c-.314-.274-.766-.308-1.663-.37A72 72 0 0 0 12 4c-1.827 0-3.547.091-4.81.171c-.902.069-1.347.103-1.661.377q-.062.054-.115.115zm13.264 7.986c-.068-.571-.097-.863-.365-1.068c-.263-.2-.572-.171-1.171-.109c-.275.029-.589.063-.954.114a6 6 0 0 0-.868.178c-.532.154-.8.228-1.2.748c-.406.52-.406.937-.406 1.77v4.542c0 .548 0 .828.183 1c.177.171.468.171 1.051.171h1.537c.96 0 1.434 0 1.788-.308c.354-.309.394-.737.474-1.589c.165-1.814.142-3.64-.069-5.449m-12.99-1.068c-.268.205-.296.491-.365 1.068a26.2 26.2 0 0 0-.069 5.45c.08.856.115 1.279.475 1.588c.354.308.828.308 1.788.308h1.536c.583 0 .874 0 1.051-.171c.183-.172.183-.452.183-1v-4.541c0-.84 0-1.257-.4-1.771c-.411-.526-.674-.6-1.205-.754a7 7 0 0 0-.868-.183l-.954-.103c-.606-.057-.909-.091-1.171.114z"/></g><defs><clipPath id="SVGHcSWxdhd146"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd146)"><path fill="#178dd0" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.414 4.668c-.268.314-.268.754-.268 1.628s0 1.308.268 1.623l.115.114c.308.274.754.308 1.645.371c3.214.224 6.44.224 9.653 0c.892-.063 1.337-.097 1.646-.371l.114-.114c.268-.315.268-.749.268-1.628c0-.874 0-1.314-.268-1.628a1 1 0 0 0-.114-.115c-.314-.274-.766-.308-1.663-.37A72 72 0 0 0 12 4c-1.827 0-3.547.091-4.81.171c-.902.069-1.347.103-1.661.377q-.062.054-.115.115zm13.264 7.986c-.068-.571-.097-.863-.365-1.068c-.263-.2-.572-.171-1.171-.109c-.275.029-.589.063-.954.114a6 6 0 0 0-.868.178c-.532.154-.8.228-1.2.748c-.406.52-.406.937-.406 1.77v4.542c0 .548 0 .828.183 1c.177.171.468.171 1.051.171h1.537c.96 0 1.434 0 1.788-.308c.354-.309.394-.737.474-1.589c.165-1.814.142-3.64-.069-5.449m-12.99-1.068c-.268.205-.296.491-.365 1.068a26.2 26.2 0 0 0-.069 5.45c.08.856.115 1.279.475 1.588c.354.308.828.308 1.788.308h1.536c.583 0 .874 0 1.051-.171c.183-.172.183-.452.183-1v-4.541c0-.84 0-1.257-.4-1.771c-.411-.526-.674-.6-1.205-.754a7 7 0 0 0-.868-.183l-.954-.103c-.606-.057-.909-.091-1.171.114z"/></g><defs><clipPath id="SVGHcSWxdhd146"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-tribe-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd146)%22%3E%3Cpath%20fill%3D%22%23178dd0%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.414%204.668c-.268.314-.268.754-.268%201.628s0%201.308.268%201.623l.115.114c.308.274.754.308%201.645.371c3.214.224%206.44.224%209.653%200c.892-.063%201.337-.097%201.646-.371l.114-.114c.268-.315.268-.749.268-1.628c0-.874%200-1.314-.268-1.628a1%201%200%200%200-.114-.115c-.314-.274-.766-.308-1.663-.37A72%2072%200%200%200%2012%204c-1.827%200-3.547.091-4.81.171c-.902.069-1.347.103-1.661.377q-.062.054-.115.115zm13.264%207.986c-.068-.571-.097-.863-.365-1.068c-.263-.2-.572-.171-1.171-.109c-.275.029-.589.063-.954.114a6%206%200%200%200-.868.178c-.532.154-.8.228-1.2.748c-.406.52-.406.937-.406%201.77v4.542c0%20.548%200%20.828.183%201c.177.171.468.171%201.051.171h1.537c.96%200%201.434%200%201.788-.308c.354-.309.394-.737.474-1.589c.165-1.814.142-3.64-.069-5.449m-12.99-1.068c-.268.205-.296.491-.365%201.068a26.2%2026.2%200%200%200-.069%205.45c.08.856.115%201.279.475%201.588c.354.308.828.308%201.788.308h1.536c.583%200%20.874%200%201.051-.171c.183-.172.183-.452.183-1v-4.541c0-.84%200-1.257-.4-1.771c-.411-.526-.674-.6-1.205-.754a7%207%200%200%200-.868-.183l-.954-.103c-.606-.057-.909-.091-1.171.114z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd146%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd146)%22%3E%3Cpath%20fill%3D%22%23178dd0%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.414%204.668c-.268.314-.268.754-.268%201.628s0%201.308.268%201.623l.115.114c.308.274.754.308%201.645.371c3.214.224%206.44.224%209.653%200c.892-.063%201.337-.097%201.646-.371l.114-.114c.268-.315.268-.749.268-1.628c0-.874%200-1.314-.268-1.628a1%201%200%200%200-.114-.115c-.314-.274-.766-.308-1.663-.37A72%2072%200%200%200%2012%204c-1.827%200-3.547.091-4.81.171c-.902.069-1.347.103-1.661.377q-.062.054-.115.115zm13.264%207.986c-.068-.571-.097-.863-.365-1.068c-.263-.2-.572-.171-1.171-.109c-.275.029-.589.063-.954.114a6%206%200%200%200-.868.178c-.532.154-.8.228-1.2.748c-.406.52-.406.937-.406%201.77v4.542c0%20.548%200%20.828.183%201c.177.171.468.171%201.051.171h1.537c.96%200%201.434%200%201.788-.308c.354-.309.394-.737.474-1.589c.165-1.814.142-3.64-.069-5.449m-12.99-1.068c-.268.205-.296.491-.365%201.068a26.2%2026.2%200%200%200-.069%205.45c.08.856.115%201.279.475%201.588c.354.308.828.308%201.788.308h1.536c.583%200%20.874%200%201.051-.171c.183-.172.183-.452.183-1v-4.541c0-.84%200-1.257-.4-1.771c-.411-.526-.674-.6-1.205-.754a7%207%200%200%200-.868-.183l-.954-.103c-.606-.057-.909-.091-1.171.114z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd146%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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/tribe-background.svg?color=%231a73e8&size=48
