yes logo
yes-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- yes-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 yes 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(#SVGHcSWxdhd201)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#4ae5cf" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-.414 0a7.586 7.586 0 1 0-15.172 0a7.586 7.586 0 0 0 15.172 0"/><path fill="#0765c7" d="M15.426 6.82q.954.526.998 1.35a1.55 1.55 0 0 0-1.186.438q-.328.313-1.6 1.6q-.106-.15-.259-.255l-1.388-1.378l1.124-1.106c.297-.28.66-.48 1.055-.584c.406-.13.839-.153 1.256-.066"/><path fill="url(#SVGjNQgtdAu)" d="M7.962 9.289a1.55 1.55 0 0 1-.41-1.134q-.852.07-1.331 1.002a2.72 2.72 0 0 0 .273 1.741q.219.425.692.89c.48.47.828.96 1.331 1.459a2.15 2.15 0 0 1 .66 1.717c-.015.753.027 1.224.06 1.421a3 3 0 0 0 1.224 1.817l.372.094c.155.042.277.061.371.066c.349 0 .66-.108.942-.33q.041-.033.018-.047c-.329-.353-.635-.753-.635-1.2v-3.844c0-.32.25-.673.48-1.055l-1.656-1.68c-.283.344-.598.462-.96.354c-.165-.048-.349-.175-.565-.386l-.866-.88z"/><path fill="url(#SVG8SFZWuvU)" d="m13.38 9.953l-1.389-1.38l-.282-.29c-.424-.448-.894-.933-1.355-1.187a2.824 2.824 0 0 0-4.132 2.061q.479-.93 1.331-1.002c.48-.005.88.141 1.2.452q.324.31 1.473 1.468l.127.127l1.657 1.68q.408.339.584.819c.169.527.16 1.125.145 1.694v.47c0 1.017-.004 1.662-.014 1.944a1.7 1.7 0 0 1-.485 1.158a.13.13 0 0 1-.075.019c.014.009.01.023-.023.047q-.415.33-.941.329q-.135 0-.368-.066l-.371-.094a2.834 2.834 0 0 0 4.437-1.393c.165-.508.15-1.087.141-1.633l-.009-.306q-.008-.577.019-.753c.056-.386.216-.724.47-1.02q.198-.233.424-.457l.282-.278c.443-.419.918-.87 1.19-1.313a2.8 2.8 0 0 0-1.985-4.235q.947.537.998 1.355c0 .447-.141.828-.433 1.148a16 16 0 0 1-.866.88c-.264.26-.424.415-.824.382a.89.89 0 0 1-.668-.377a1 1 0 0 0-.259-.25"/></g><defs><linearGradient id="SVGjNQgtdAu" x1="9.176" x2="9.176" y1="8.155" y2="18.362" gradientUnits="userSpaceOnUse"><stop stop-color="#086bc8"/><stop offset="1" stop-color="#44ffe0"/></linearGradient><linearGradient id="SVG8SFZWuvU" x1="12.019" x2="12.019" y1="6.757" y2="18.795" gradientUnits="userSpaceOnUse"><stop stop-color="#45ffe1"/><stop offset="1" stop-color="#0159c4"/></linearGradient><clipPath id="SVGHcSWxdhd201"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedYesBackground(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(#SVGHcSWxdhd201)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#4ae5cf" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-.414 0a7.586 7.586 0 1 0-15.172 0a7.586 7.586 0 0 0 15.172 0"/><path fill="#0765c7" d="M15.426 6.82q.954.526.998 1.35a1.55 1.55 0 0 0-1.186.438q-.328.313-1.6 1.6q-.106-.15-.259-.255l-1.388-1.378l1.124-1.106c.297-.28.66-.48 1.055-.584c.406-.13.839-.153 1.256-.066"/><path fill="url(#SVGjNQgtdAu)" d="M7.962 9.289a1.55 1.55 0 0 1-.41-1.134q-.852.07-1.331 1.002a2.72 2.72 0 0 0 .273 1.741q.219.425.692.89c.48.47.828.96 1.331 1.459a2.15 2.15 0 0 1 .66 1.717c-.015.753.027 1.224.06 1.421a3 3 0 0 0 1.224 1.817l.372.094c.155.042.277.061.371.066c.349 0 .66-.108.942-.33q.041-.033.018-.047c-.329-.353-.635-.753-.635-1.2v-3.844c0-.32.25-.673.48-1.055l-1.656-1.68c-.283.344-.598.462-.96.354c-.165-.048-.349-.175-.565-.386l-.866-.88z"/><path fill="url(#SVG8SFZWuvU)" d="m13.38 9.953l-1.389-1.38l-.282-.29c-.424-.448-.894-.933-1.355-1.187a2.824 2.824 0 0 0-4.132 2.061q.479-.93 1.331-1.002c.48-.005.88.141 1.2.452q.324.31 1.473 1.468l.127.127l1.657 1.68q.408.339.584.819c.169.527.16 1.125.145 1.694v.47c0 1.017-.004 1.662-.014 1.944a1.7 1.7 0 0 1-.485 1.158a.13.13 0 0 1-.075.019c.014.009.01.023-.023.047q-.415.33-.941.329q-.135 0-.368-.066l-.371-.094a2.834 2.834 0 0 0 4.437-1.393c.165-.508.15-1.087.141-1.633l-.009-.306q-.008-.577.019-.753c.056-.386.216-.724.47-1.02q.198-.233.424-.457l.282-.278c.443-.419.918-.87 1.19-1.313a2.8 2.8 0 0 0-1.985-4.235q.947.537.998 1.355c0 .447-.141.828-.433 1.148a16 16 0 0 1-.866.88c-.264.26-.424.415-.824.382a.89.89 0 0 1-.668-.377a1 1 0 0 0-.259-.25"/></g><defs><linearGradient id="SVGjNQgtdAu" x1="9.176" x2="9.176" y1="8.155" y2="18.362" gradientUnits="userSpaceOnUse"><stop stopColor="#086bc8"/><stop offset="1" stopColor="#44ffe0"/></linearGradient><linearGradient id="SVG8SFZWuvU" x1="12.019" x2="12.019" y1="6.757" y2="18.795" gradientUnits="userSpaceOnUse"><stop stopColor="#45ffe1"/><stop offset="1" stopColor="#0159c4"/></linearGradient><clipPath id="SVGHcSWxdhd201"><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(#SVGHcSWxdhd201)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#4ae5cf" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-.414 0a7.586 7.586 0 1 0-15.172 0a7.586 7.586 0 0 0 15.172 0"/><path fill="#0765c7" d="M15.426 6.82q.954.526.998 1.35a1.55 1.55 0 0 0-1.186.438q-.328.313-1.6 1.6q-.106-.15-.259-.255l-1.388-1.378l1.124-1.106c.297-.28.66-.48 1.055-.584c.406-.13.839-.153 1.256-.066"/><path fill="url(#SVGjNQgtdAu)" d="M7.962 9.289a1.55 1.55 0 0 1-.41-1.134q-.852.07-1.331 1.002a2.72 2.72 0 0 0 .273 1.741q.219.425.692.89c.48.47.828.96 1.331 1.459a2.15 2.15 0 0 1 .66 1.717c-.015.753.027 1.224.06 1.421a3 3 0 0 0 1.224 1.817l.372.094c.155.042.277.061.371.066c.349 0 .66-.108.942-.33q.041-.033.018-.047c-.329-.353-.635-.753-.635-1.2v-3.844c0-.32.25-.673.48-1.055l-1.656-1.68c-.283.344-.598.462-.96.354c-.165-.048-.349-.175-.565-.386l-.866-.88z"/><path fill="url(#SVG8SFZWuvU)" d="m13.38 9.953l-1.389-1.38l-.282-.29c-.424-.448-.894-.933-1.355-1.187a2.824 2.824 0 0 0-4.132 2.061q.479-.93 1.331-1.002c.48-.005.88.141 1.2.452q.324.31 1.473 1.468l.127.127l1.657 1.68q.408.339.584.819c.169.527.16 1.125.145 1.694v.47c0 1.017-.004 1.662-.014 1.944a1.7 1.7 0 0 1-.485 1.158a.13.13 0 0 1-.075.019c.014.009.01.023-.023.047q-.415.33-.941.329q-.135 0-.368-.066l-.371-.094a2.834 2.834 0 0 0 4.437-1.393c.165-.508.15-1.087.141-1.633l-.009-.306q-.008-.577.019-.753c.056-.386.216-.724.47-1.02q.198-.233.424-.457l.282-.278c.443-.419.918-.87 1.19-1.313a2.8 2.8 0 0 0-1.985-4.235q.947.537.998 1.355c0 .447-.141.828-.433 1.148a16 16 0 0 1-.866.88c-.264.26-.424.415-.824.382a.89.89 0 0 1-.668-.377a1 1 0 0 0-.259-.25"/></g><defs><linearGradient id="SVGjNQgtdAu" x1="9.176" x2="9.176" y1="8.155" y2="18.362" gradientUnits="userSpaceOnUse"><stop stop-color="#086bc8"/><stop offset="1" stop-color="#44ffe0"/></linearGradient><linearGradient id="SVG8SFZWuvU" x1="12.019" x2="12.019" y1="6.757" y2="18.795" gradientUnits="userSpaceOnUse"><stop stop-color="#45ffe1"/><stop offset="1" stop-color="#0159c4"/></linearGradient><clipPath id="SVGHcSWxdhd201"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-yes-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(%23SVGHcSWxdhd201)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%234ae5cf%22%20d%3D%22M20%2012a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m-.414%200a7.586%207.586%200%201%200-15.172%200a7.586%207.586%200%200%200%2015.172%200%22%2F%3E%3Cpath%20fill%3D%22%230765c7%22%20d%3D%22M15.426%206.82q.954.526.998%201.35a1.55%201.55%200%200%200-1.186.438q-.328.313-1.6%201.6q-.106-.15-.259-.255l-1.388-1.378l1.124-1.106c.297-.28.66-.48%201.055-.584c.406-.13.839-.153%201.256-.066%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjNQgtdAu)%22%20d%3D%22M7.962%209.289a1.55%201.55%200%200%201-.41-1.134q-.852.07-1.331%201.002a2.72%202.72%200%200%200%20.273%201.741q.219.425.692.89c.48.47.828.96%201.331%201.459a2.15%202.15%200%200%201%20.66%201.717c-.015.753.027%201.224.06%201.421a3%203%200%200%200%201.224%201.817l.372.094c.155.042.277.061.371.066c.349%200%20.66-.108.942-.33q.041-.033.018-.047c-.329-.353-.635-.753-.635-1.2v-3.844c0-.32.25-.673.48-1.055l-1.656-1.68c-.283.344-.598.462-.96.354c-.165-.048-.349-.175-.565-.386l-.866-.88z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8SFZWuvU)%22%20d%3D%22m13.38%209.953l-1.389-1.38l-.282-.29c-.424-.448-.894-.933-1.355-1.187a2.824%202.824%200%200%200-4.132%202.061q.479-.93%201.331-1.002c.48-.005.88.141%201.2.452q.324.31%201.473%201.468l.127.127l1.657%201.68q.408.339.584.819c.169.527.16%201.125.145%201.694v.47c0%201.017-.004%201.662-.014%201.944a1.7%201.7%200%200%201-.485%201.158a.13.13%200%200%201-.075.019c.014.009.01.023-.023.047q-.415.33-.941.329q-.135%200-.368-.066l-.371-.094a2.834%202.834%200%200%200%204.437-1.393c.165-.508.15-1.087.141-1.633l-.009-.306q-.008-.577.019-.753c.056-.386.216-.724.47-1.02q.198-.233.424-.457l.282-.278c.443-.419.918-.87%201.19-1.313a2.8%202.8%200%200%200-1.985-4.235q.947.537.998%201.355c0%20.447-.141.828-.433%201.148a16%2016%200%200%201-.866.88c-.264.26-.424.415-.824.382a.89.89%200%200%201-.668-.377a1%201%200%200%200-.259-.25%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGjNQgtdAu%22%20x1%3D%229.176%22%20x2%3D%229.176%22%20y1%3D%228.155%22%20y2%3D%2218.362%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23086bc8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2344ffe0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8SFZWuvU%22%20x1%3D%2212.019%22%20x2%3D%2212.019%22%20y1%3D%226.757%22%20y2%3D%2218.795%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2345ffe1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230159c4%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd201%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(%23SVGHcSWxdhd201)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%234ae5cf%22%20d%3D%22M20%2012a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m-.414%200a7.586%207.586%200%201%200-15.172%200a7.586%207.586%200%200%200%2015.172%200%22%2F%3E%3Cpath%20fill%3D%22%230765c7%22%20d%3D%22M15.426%206.82q.954.526.998%201.35a1.55%201.55%200%200%200-1.186.438q-.328.313-1.6%201.6q-.106-.15-.259-.255l-1.388-1.378l1.124-1.106c.297-.28.66-.48%201.055-.584c.406-.13.839-.153%201.256-.066%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGjNQgtdAu)%22%20d%3D%22M7.962%209.289a1.55%201.55%200%200%201-.41-1.134q-.852.07-1.331%201.002a2.72%202.72%200%200%200%20.273%201.741q.219.425.692.89c.48.47.828.96%201.331%201.459a2.15%202.15%200%200%201%20.66%201.717c-.015.753.027%201.224.06%201.421a3%203%200%200%200%201.224%201.817l.372.094c.155.042.277.061.371.066c.349%200%20.66-.108.942-.33q.041-.033.018-.047c-.329-.353-.635-.753-.635-1.2v-3.844c0-.32.25-.673.48-1.055l-1.656-1.68c-.283.344-.598.462-.96.354c-.165-.048-.349-.175-.565-.386l-.866-.88z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8SFZWuvU)%22%20d%3D%22m13.38%209.953l-1.389-1.38l-.282-.29c-.424-.448-.894-.933-1.355-1.187a2.824%202.824%200%200%200-4.132%202.061q.479-.93%201.331-1.002c.48-.005.88.141%201.2.452q.324.31%201.473%201.468l.127.127l1.657%201.68q.408.339.584.819c.169.527.16%201.125.145%201.694v.47c0%201.017-.004%201.662-.014%201.944a1.7%201.7%200%200%201-.485%201.158a.13.13%200%200%201-.075.019c.014.009.01.023-.023.047q-.415.33-.941.329q-.135%200-.368-.066l-.371-.094a2.834%202.834%200%200%200%204.437-1.393c.165-.508.15-1.087.141-1.633l-.009-.306q-.008-.577.019-.753c.056-.386.216-.724.47-1.02q.198-.233.424-.457l.282-.278c.443-.419.918-.87%201.19-1.313a2.8%202.8%200%200%200-1.985-4.235q.947.537.998%201.355c0%20.447-.141.828-.433%201.148a16%2016%200%200%201-.866.88c-.264.26-.424.415-.824.382a.89.89%200%200%201-.668-.377a1%201%200%200%200-.259-.25%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGjNQgtdAu%22%20x1%3D%229.176%22%20x2%3D%229.176%22%20y1%3D%228.155%22%20y2%3D%2218.362%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23086bc8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2344ffe0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG8SFZWuvU%22%20x1%3D%2212.019%22%20x2%3D%2212.019%22%20y1%3D%226.757%22%20y2%3D%2218.795%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2345ffe1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230159c4%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd201%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/yes-background.svg?color=%231a73e8&size=48
