spirit logo
spirit from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- spirit
- 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 spirit logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#2d9c83" d="M4.765 11.316c0-6.3 4.556-7.766 6.84-7.714c4.494 0 6.376 3.276 6.376 6.994c0 2.52 1.754 3.379 2.633 3.487c0 .653-.298 1.321-1.506 1.321a1.987 1.987 0 0 0-2.021 2.047c0 1.111-.648 1.43-1.45 1.43c-.803 0-1.472.308-1.888 1.183c-.334.699-1.178.915-1.553.936c-1.77 0-7.431-1.8-7.431-9.684"/><path fill="#fafaf7" d="M3.644 10.972c0-6.3 4.556-7.765 6.84-7.714c4.495 0 6.377 3.276 6.377 6.994c0 2.53 1.753 3.379 2.633 3.492c0 .653-.298 1.322-1.507 1.322a1.986 1.986 0 0 0-2.021 2.041c0 1.116-.648 1.435-1.45 1.435c-.803 0-1.476.309-1.893 1.183c-.334.694-1.172.915-1.553.936c-1.764 0-7.426-1.805-7.426-9.684z"/><path fill="#28404e" fill-rule="evenodd" d="M10.483 3.001c-1.188-.025-2.957.34-4.438 1.533c-1.492 1.203-2.66 3.224-2.66 6.444c0 4.01 1.44 6.5 3.138 7.986c1.687 1.481 3.6 1.955 4.546 1.955h.015c.31-.025.611-.107.89-.242a1.83 1.83 0 0 0 .88-.844c.19-.396.432-.653.699-.807c.272-.154.591-.226.962-.226c.426 0 .858-.083 1.188-.36c.339-.283.514-.72.514-1.332a1.73 1.73 0 0 1 1.082-1.66c.218-.088.452-.13.687-.125c.653 0 1.105-.18 1.399-.499c.283-.319.36-.72.36-1.08v-.231l-.221-.026a2.73 2.73 0 0 1-1.497-.766c-.499-.494-.91-1.27-.91-2.469c0-1.897-.484-3.707-1.559-5.05c-1.09-1.352-2.761-2.2-5.075-2.2M6.368 4.935C5.012 6.035 3.9 7.897 3.9 10.978c0 3.867 1.389 6.217 2.962 7.6c1.59 1.389 3.379 1.821 4.202 1.826c.154-.01.427-.061.689-.19s.504-.319.638-.602a2.3 2.3 0 0 1 .905-1.028a2.4 2.4 0 0 1 1.219-.299c.375 0 .668-.077.858-.241c.19-.155.335-.427.335-.936a2.243 2.243 0 0 1 2.278-2.3c.555 0 .854-.153 1.013-.333c.129-.134.195-.314.221-.52a3.25 3.25 0 0 1-1.553-.869c-.602-.591-1.065-1.507-1.065-2.834c0-1.82-.462-3.502-1.445-4.73c-.977-1.215-2.499-2.006-4.68-2.006c-1.095-.026-2.74.318-4.114 1.419z" clip-rule="evenodd"/><path fill="#28404e" d="M7.5 10.716a2.057 2.057 0 1 0 0-4.114a2.057 2.057 0 0 0 0 4.114m5.143 0a2.057 2.057 0 1 0 0-4.114a2.057 2.057 0 0 0 0 4.114"/><path fill="#18b68b" d="M7.5 7.115h-.021a1.533 1.533 0 0 0-1.522 1.543a1.533 1.533 0 0 0 1.542 1.543z"/><path fill="#60e6c5" d="M12.642 7.115h-.02a1.533 1.533 0 0 0-1.523 1.543a1.535 1.535 0 0 0 1.543 1.543z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSpirit(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="#2d9c83" d="M4.765 11.316c0-6.3 4.556-7.766 6.84-7.714c4.494 0 6.376 3.276 6.376 6.994c0 2.52 1.754 3.379 2.633 3.487c0 .653-.298 1.321-1.506 1.321a1.987 1.987 0 0 0-2.021 2.047c0 1.111-.648 1.43-1.45 1.43c-.803 0-1.472.308-1.888 1.183c-.334.699-1.178.915-1.553.936c-1.77 0-7.431-1.8-7.431-9.684"/><path fill="#fafaf7" d="M3.644 10.972c0-6.3 4.556-7.765 6.84-7.714c4.495 0 6.377 3.276 6.377 6.994c0 2.53 1.753 3.379 2.633 3.492c0 .653-.298 1.322-1.507 1.322a1.986 1.986 0 0 0-2.021 2.041c0 1.116-.648 1.435-1.45 1.435c-.803 0-1.476.309-1.893 1.183c-.334.694-1.172.915-1.553.936c-1.764 0-7.426-1.805-7.426-9.684z"/><path fill="#28404e" fillRule="evenodd" d="M10.483 3.001c-1.188-.025-2.957.34-4.438 1.533c-1.492 1.203-2.66 3.224-2.66 6.444c0 4.01 1.44 6.5 3.138 7.986c1.687 1.481 3.6 1.955 4.546 1.955h.015c.31-.025.611-.107.89-.242a1.83 1.83 0 0 0 .88-.844c.19-.396.432-.653.699-.807c.272-.154.591-.226.962-.226c.426 0 .858-.083 1.188-.36c.339-.283.514-.72.514-1.332a1.73 1.73 0 0 1 1.082-1.66c.218-.088.452-.13.687-.125c.653 0 1.105-.18 1.399-.499c.283-.319.36-.72.36-1.08v-.231l-.221-.026a2.73 2.73 0 0 1-1.497-.766c-.499-.494-.91-1.27-.91-2.469c0-1.897-.484-3.707-1.559-5.05c-1.09-1.352-2.761-2.2-5.075-2.2M6.368 4.935C5.012 6.035 3.9 7.897 3.9 10.978c0 3.867 1.389 6.217 2.962 7.6c1.59 1.389 3.379 1.821 4.202 1.826c.154-.01.427-.061.689-.19s.504-.319.638-.602a2.3 2.3 0 0 1 .905-1.028a2.4 2.4 0 0 1 1.219-.299c.375 0 .668-.077.858-.241c.19-.155.335-.427.335-.936a2.243 2.243 0 0 1 2.278-2.3c.555 0 .854-.153 1.013-.333c.129-.134.195-.314.221-.52a3.25 3.25 0 0 1-1.553-.869c-.602-.591-1.065-1.507-1.065-2.834c0-1.82-.462-3.502-1.445-4.73c-.977-1.215-2.499-2.006-4.68-2.006c-1.095-.026-2.74.318-4.114 1.419z" clipRule="evenodd"/><path fill="#28404e" d="M7.5 10.716a2.057 2.057 0 1 0 0-4.114a2.057 2.057 0 0 0 0 4.114m5.143 0a2.057 2.057 0 1 0 0-4.114a2.057 2.057 0 0 0 0 4.114"/><path fill="#18b68b" d="M7.5 7.115h-.021a1.533 1.533 0 0 0-1.522 1.543a1.533 1.533 0 0 0 1.542 1.543z"/><path fill="#60e6c5" d="M12.642 7.115h-.02a1.533 1.533 0 0 0-1.523 1.543a1.535 1.535 0 0 0 1.543 1.543z"/></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="#2d9c83" d="M4.765 11.316c0-6.3 4.556-7.766 6.84-7.714c4.494 0 6.376 3.276 6.376 6.994c0 2.52 1.754 3.379 2.633 3.487c0 .653-.298 1.321-1.506 1.321a1.987 1.987 0 0 0-2.021 2.047c0 1.111-.648 1.43-1.45 1.43c-.803 0-1.472.308-1.888 1.183c-.334.699-1.178.915-1.553.936c-1.77 0-7.431-1.8-7.431-9.684"/><path fill="#fafaf7" d="M3.644 10.972c0-6.3 4.556-7.765 6.84-7.714c4.495 0 6.377 3.276 6.377 6.994c0 2.53 1.753 3.379 2.633 3.492c0 .653-.298 1.322-1.507 1.322a1.986 1.986 0 0 0-2.021 2.041c0 1.116-.648 1.435-1.45 1.435c-.803 0-1.476.309-1.893 1.183c-.334.694-1.172.915-1.553.936c-1.764 0-7.426-1.805-7.426-9.684z"/><path fill="#28404e" fill-rule="evenodd" d="M10.483 3.001c-1.188-.025-2.957.34-4.438 1.533c-1.492 1.203-2.66 3.224-2.66 6.444c0 4.01 1.44 6.5 3.138 7.986c1.687 1.481 3.6 1.955 4.546 1.955h.015c.31-.025.611-.107.89-.242a1.83 1.83 0 0 0 .88-.844c.19-.396.432-.653.699-.807c.272-.154.591-.226.962-.226c.426 0 .858-.083 1.188-.36c.339-.283.514-.72.514-1.332a1.73 1.73 0 0 1 1.082-1.66c.218-.088.452-.13.687-.125c.653 0 1.105-.18 1.399-.499c.283-.319.36-.72.36-1.08v-.231l-.221-.026a2.73 2.73 0 0 1-1.497-.766c-.499-.494-.91-1.27-.91-2.469c0-1.897-.484-3.707-1.559-5.05c-1.09-1.352-2.761-2.2-5.075-2.2M6.368 4.935C5.012 6.035 3.9 7.897 3.9 10.978c0 3.867 1.389 6.217 2.962 7.6c1.59 1.389 3.379 1.821 4.202 1.826c.154-.01.427-.061.689-.19s.504-.319.638-.602a2.3 2.3 0 0 1 .905-1.028a2.4 2.4 0 0 1 1.219-.299c.375 0 .668-.077.858-.241c.19-.155.335-.427.335-.936a2.243 2.243 0 0 1 2.278-2.3c.555 0 .854-.153 1.013-.333c.129-.134.195-.314.221-.52a3.25 3.25 0 0 1-1.553-.869c-.602-.591-1.065-1.507-1.065-2.834c0-1.82-.462-3.502-1.445-4.73c-.977-1.215-2.499-2.006-4.68-2.006c-1.095-.026-2.74.318-4.114 1.419z" clip-rule="evenodd"/><path fill="#28404e" d="M7.5 10.716a2.057 2.057 0 1 0 0-4.114a2.057 2.057 0 0 0 0 4.114m5.143 0a2.057 2.057 0 1 0 0-4.114a2.057 2.057 0 0 0 0 4.114"/><path fill="#18b68b" d="M7.5 7.115h-.021a1.533 1.533 0 0 0-1.522 1.543a1.533 1.533 0 0 0 1.542 1.543z"/><path fill="#60e6c5" d="M12.642 7.115h-.02a1.533 1.533 0 0 0-1.523 1.543a1.535 1.535 0 0 0 1.543 1.543z"/></g></svg> </template>
CSS
.icon-spirit {
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%22%232d9c83%22%20d%3D%22M4.765%2011.316c0-6.3%204.556-7.766%206.84-7.714c4.494%200%206.376%203.276%206.376%206.994c0%202.52%201.754%203.379%202.633%203.487c0%20.653-.298%201.321-1.506%201.321a1.987%201.987%200%200%200-2.021%202.047c0%201.111-.648%201.43-1.45%201.43c-.803%200-1.472.308-1.888%201.183c-.334.699-1.178.915-1.553.936c-1.77%200-7.431-1.8-7.431-9.684%22%2F%3E%3Cpath%20fill%3D%22%23fafaf7%22%20d%3D%22M3.644%2010.972c0-6.3%204.556-7.765%206.84-7.714c4.495%200%206.377%203.276%206.377%206.994c0%202.53%201.753%203.379%202.633%203.492c0%20.653-.298%201.322-1.507%201.322a1.986%201.986%200%200%200-2.021%202.041c0%201.116-.648%201.435-1.45%201.435c-.803%200-1.476.309-1.893%201.183c-.334.694-1.172.915-1.553.936c-1.764%200-7.426-1.805-7.426-9.684z%22%2F%3E%3Cpath%20fill%3D%22%2328404e%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.483%203.001c-1.188-.025-2.957.34-4.438%201.533c-1.492%201.203-2.66%203.224-2.66%206.444c0%204.01%201.44%206.5%203.138%207.986c1.687%201.481%203.6%201.955%204.546%201.955h.015c.31-.025.611-.107.89-.242a1.83%201.83%200%200%200%20.88-.844c.19-.396.432-.653.699-.807c.272-.154.591-.226.962-.226c.426%200%20.858-.083%201.188-.36c.339-.283.514-.72.514-1.332a1.73%201.73%200%200%201%201.082-1.66c.218-.088.452-.13.687-.125c.653%200%201.105-.18%201.399-.499c.283-.319.36-.72.36-1.08v-.231l-.221-.026a2.73%202.73%200%200%201-1.497-.766c-.499-.494-.91-1.27-.91-2.469c0-1.897-.484-3.707-1.559-5.05c-1.09-1.352-2.761-2.2-5.075-2.2M6.368%204.935C5.012%206.035%203.9%207.897%203.9%2010.978c0%203.867%201.389%206.217%202.962%207.6c1.59%201.389%203.379%201.821%204.202%201.826c.154-.01.427-.061.689-.19s.504-.319.638-.602a2.3%202.3%200%200%201%20.905-1.028a2.4%202.4%200%200%201%201.219-.299c.375%200%20.668-.077.858-.241c.19-.155.335-.427.335-.936a2.243%202.243%200%200%201%202.278-2.3c.555%200%20.854-.153%201.013-.333c.129-.134.195-.314.221-.52a3.25%203.25%200%200%201-1.553-.869c-.602-.591-1.065-1.507-1.065-2.834c0-1.82-.462-3.502-1.445-4.73c-.977-1.215-2.499-2.006-4.68-2.006c-1.095-.026-2.74.318-4.114%201.419z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2328404e%22%20d%3D%22M7.5%2010.716a2.057%202.057%200%201%200%200-4.114a2.057%202.057%200%200%200%200%204.114m5.143%200a2.057%202.057%200%201%200%200-4.114a2.057%202.057%200%200%200%200%204.114%22%2F%3E%3Cpath%20fill%3D%22%2318b68b%22%20d%3D%22M7.5%207.115h-.021a1.533%201.533%200%200%200-1.522%201.543a1.533%201.533%200%200%200%201.542%201.543z%22%2F%3E%3Cpath%20fill%3D%22%2360e6c5%22%20d%3D%22M12.642%207.115h-.02a1.533%201.533%200%200%200-1.523%201.543a1.535%201.535%200%200%200%201.543%201.543z%22%2F%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%22%232d9c83%22%20d%3D%22M4.765%2011.316c0-6.3%204.556-7.766%206.84-7.714c4.494%200%206.376%203.276%206.376%206.994c0%202.52%201.754%203.379%202.633%203.487c0%20.653-.298%201.321-1.506%201.321a1.987%201.987%200%200%200-2.021%202.047c0%201.111-.648%201.43-1.45%201.43c-.803%200-1.472.308-1.888%201.183c-.334.699-1.178.915-1.553.936c-1.77%200-7.431-1.8-7.431-9.684%22%2F%3E%3Cpath%20fill%3D%22%23fafaf7%22%20d%3D%22M3.644%2010.972c0-6.3%204.556-7.765%206.84-7.714c4.495%200%206.377%203.276%206.377%206.994c0%202.53%201.753%203.379%202.633%203.492c0%20.653-.298%201.322-1.507%201.322a1.986%201.986%200%200%200-2.021%202.041c0%201.116-.648%201.435-1.45%201.435c-.803%200-1.476.309-1.893%201.183c-.334.694-1.172.915-1.553.936c-1.764%200-7.426-1.805-7.426-9.684z%22%2F%3E%3Cpath%20fill%3D%22%2328404e%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.483%203.001c-1.188-.025-2.957.34-4.438%201.533c-1.492%201.203-2.66%203.224-2.66%206.444c0%204.01%201.44%206.5%203.138%207.986c1.687%201.481%203.6%201.955%204.546%201.955h.015c.31-.025.611-.107.89-.242a1.83%201.83%200%200%200%20.88-.844c.19-.396.432-.653.699-.807c.272-.154.591-.226.962-.226c.426%200%20.858-.083%201.188-.36c.339-.283.514-.72.514-1.332a1.73%201.73%200%200%201%201.082-1.66c.218-.088.452-.13.687-.125c.653%200%201.105-.18%201.399-.499c.283-.319.36-.72.36-1.08v-.231l-.221-.026a2.73%202.73%200%200%201-1.497-.766c-.499-.494-.91-1.27-.91-2.469c0-1.897-.484-3.707-1.559-5.05c-1.09-1.352-2.761-2.2-5.075-2.2M6.368%204.935C5.012%206.035%203.9%207.897%203.9%2010.978c0%203.867%201.389%206.217%202.962%207.6c1.59%201.389%203.379%201.821%204.202%201.826c.154-.01.427-.061.689-.19s.504-.319.638-.602a2.3%202.3%200%200%201%20.905-1.028a2.4%202.4%200%200%201%201.219-.299c.375%200%20.668-.077.858-.241c.19-.155.335-.427.335-.936a2.243%202.243%200%200%201%202.278-2.3c.555%200%20.854-.153%201.013-.333c.129-.134.195-.314.221-.52a3.25%203.25%200%200%201-1.553-.869c-.602-.591-1.065-1.507-1.065-2.834c0-1.82-.462-3.502-1.445-4.73c-.977-1.215-2.499-2.006-4.68-2.006c-1.095-.026-2.74.318-4.114%201.419z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%2328404e%22%20d%3D%22M7.5%2010.716a2.057%202.057%200%201%200%200-4.114a2.057%202.057%200%200%200%200%204.114m5.143%200a2.057%202.057%200%201%200%200-4.114a2.057%202.057%200%200%200%200%204.114%22%2F%3E%3Cpath%20fill%3D%22%2318b68b%22%20d%3D%22M7.5%207.115h-.021a1.533%201.533%200%200%200-1.522%201.543a1.533%201.533%200%200%200%201.542%201.543z%22%2F%3E%3Cpath%20fill%3D%22%2360e6c5%22%20d%3D%22M12.642%207.115h-.02a1.533%201.533%200%200%200-1.523%201.543a1.535%201.535%200%200%200%201.543%201.543z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/spirit.svg?color=%231a73e8&size=48
