yes logo
yes from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- yes
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M21 12a9 9 0 1 1-17.999 0A9 9 0 0 1 21 12m-.466 0a8.534 8.534 0 1 0-17.069 0a8.534 8.534 0 0 0 17.07 0"/><path fill="currentColor" d="M15.854 6.172c.715.397 1.09.9 1.122 1.519c-.529-.021-.968.143-1.334.492c-.243.233-.847.837-1.8 1.8a1.2 1.2 0 0 0-.291-.286l-1.562-1.55l1.266-1.245c.334-.314.741-.54 1.185-.656a2.76 2.76 0 0 1 1.414-.074M7.458 8.95a1.75 1.75 0 0 1-.46-1.276q-.96.08-1.499 1.128a3.06 3.06 0 0 0 .307 1.959q.247.475.778 1c.54.53.932 1.08 1.499 1.642a2.42 2.42 0 0 1 .74 1.932c-.015.847.033 1.376.07 1.599c.186.83.677 1.559 1.376 2.043l.418.106c.175.048.313.069.419.074c.391 0 .74-.122 1.058-.37q.046-.04.022-.053c-.371-.397-.715-.847-.715-1.35v-4.326c0-.36.28-.757.54-1.185l-1.864-1.89c-.317.386-.672.518-1.08.396c-.185-.052-.391-.195-.635-.434l-.974-.99z"/><path fill="currentColor" d="M13.551 9.697L11.99 8.146l-.318-.329c-.477-.503-1.006-1.048-1.525-1.334A3.177 3.177 0 0 0 5.5 8.802q.539-1.048 1.498-1.128c.54-.005.99.16 1.35.509q.364.35 1.657 1.651l.143.143l1.864 1.89q.46.38.656.922c.19.592.18 1.265.164 1.905v.53a90 90 0 0 1-.015 2.186c-.01.488-.205.954-.546 1.302a.15.15 0 0 1-.084.022c.015.01.01.026-.027.053c-.312.249-.662.37-1.059.37q-.15-.001-.413-.074l-.418-.106a3.188 3.188 0 0 0 4.992-1.567c.186-.572.17-1.223.16-1.837l-.011-.344q-.01-.65.02-.847c.064-.434.244-.815.53-1.149q.222-.261.477-.513l.317-.313c.498-.47 1.033-.98 1.34-1.477a3.15 3.15 0 0 0-2.235-4.764q1.066.603 1.123 1.524c0 .503-.159.932-.487 1.292q-.468.514-.974.99c-.297.291-.477.466-.927.429a1 1 0 0 1-.751-.424a1.2 1.2 0 0 0-.292-.28"/></svg>
React
import type { SVGProps } from "react";
export function TokenYes(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 12a9 9 0 1 1-17.999 0A9 9 0 0 1 21 12m-.466 0a8.534 8.534 0 1 0-17.069 0a8.534 8.534 0 0 0 17.07 0"/><path fill="currentColor" d="M15.854 6.172c.715.397 1.09.9 1.122 1.519c-.529-.021-.968.143-1.334.492c-.243.233-.847.837-1.8 1.8a1.2 1.2 0 0 0-.291-.286l-1.562-1.55l1.266-1.245c.334-.314.741-.54 1.185-.656a2.76 2.76 0 0 1 1.414-.074M7.458 8.95a1.75 1.75 0 0 1-.46-1.276q-.96.08-1.499 1.128a3.06 3.06 0 0 0 .307 1.959q.247.475.778 1c.54.53.932 1.08 1.499 1.642a2.42 2.42 0 0 1 .74 1.932c-.015.847.033 1.376.07 1.599c.186.83.677 1.559 1.376 2.043l.418.106c.175.048.313.069.419.074c.391 0 .74-.122 1.058-.37q.046-.04.022-.053c-.371-.397-.715-.847-.715-1.35v-4.326c0-.36.28-.757.54-1.185l-1.864-1.89c-.317.386-.672.518-1.08.396c-.185-.052-.391-.195-.635-.434l-.974-.99z"/><path fill="currentColor" d="M13.551 9.697L11.99 8.146l-.318-.329c-.477-.503-1.006-1.048-1.525-1.334A3.177 3.177 0 0 0 5.5 8.802q.539-1.048 1.498-1.128c.54-.005.99.16 1.35.509q.364.35 1.657 1.651l.143.143l1.864 1.89q.46.38.656.922c.19.592.18 1.265.164 1.905v.53a90 90 0 0 1-.015 2.186c-.01.488-.205.954-.546 1.302a.15.15 0 0 1-.084.022c.015.01.01.026-.027.053c-.312.249-.662.37-1.059.37q-.15-.001-.413-.074l-.418-.106a3.188 3.188 0 0 0 4.992-1.567c.186-.572.17-1.223.16-1.837l-.011-.344q-.01-.65.02-.847c.064-.434.244-.815.53-1.149q.222-.261.477-.513l.317-.313c.498-.47 1.033-.98 1.34-1.477a3.15 3.15 0 0 0-2.235-4.764q1.066.603 1.123 1.524c0 .503-.159.932-.487 1.292q-.468.514-.974.99c-.297.291-.477.466-.927.429a1 1 0 0 1-.751-.424a1.2 1.2 0 0 0-.292-.28"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 12a9 9 0 1 1-17.999 0A9 9 0 0 1 21 12m-.466 0a8.534 8.534 0 1 0-17.069 0a8.534 8.534 0 0 0 17.07 0"/><path fill="currentColor" d="M15.854 6.172c.715.397 1.09.9 1.122 1.519c-.529-.021-.968.143-1.334.492c-.243.233-.847.837-1.8 1.8a1.2 1.2 0 0 0-.291-.286l-1.562-1.55l1.266-1.245c.334-.314.741-.54 1.185-.656a2.76 2.76 0 0 1 1.414-.074M7.458 8.95a1.75 1.75 0 0 1-.46-1.276q-.96.08-1.499 1.128a3.06 3.06 0 0 0 .307 1.959q.247.475.778 1c.54.53.932 1.08 1.499 1.642a2.42 2.42 0 0 1 .74 1.932c-.015.847.033 1.376.07 1.599c.186.83.677 1.559 1.376 2.043l.418.106c.175.048.313.069.419.074c.391 0 .74-.122 1.058-.37q.046-.04.022-.053c-.371-.397-.715-.847-.715-1.35v-4.326c0-.36.28-.757.54-1.185l-1.864-1.89c-.317.386-.672.518-1.08.396c-.185-.052-.391-.195-.635-.434l-.974-.99z"/><path fill="currentColor" d="M13.551 9.697L11.99 8.146l-.318-.329c-.477-.503-1.006-1.048-1.525-1.334A3.177 3.177 0 0 0 5.5 8.802q.539-1.048 1.498-1.128c.54-.005.99.16 1.35.509q.364.35 1.657 1.651l.143.143l1.864 1.89q.46.38.656.922c.19.592.18 1.265.164 1.905v.53a90 90 0 0 1-.015 2.186c-.01.488-.205.954-.546 1.302a.15.15 0 0 1-.084.022c.015.01.01.026-.027.053c-.312.249-.662.37-1.059.37q-.15-.001-.413-.074l-.418-.106a3.188 3.188 0 0 0 4.992-1.567c.186-.572.17-1.223.16-1.837l-.011-.344q-.01-.65.02-.847c.064-.434.244-.815.53-1.149q.222-.261.477-.513l.317-.313c.498-.47 1.033-.98 1.34-1.477a3.15 3.15 0 0 0-2.235-4.764q1.066.603 1.123 1.524c0 .503-.159.932-.487 1.292q-.468.514-.974.99c-.297.291-.477.466-.927.429a1 1 0 0 1-.751-.424a1.2 1.2 0 0 0-.292-.28"/></svg> </template>
CSS
.icon-yes {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2012a9%209%200%201%201-17.999%200A9%209%200%200%201%2021%2012m-.466%200a8.534%208.534%200%201%200-17.069%200a8.534%208.534%200%200%200%2017.07%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.854%206.172c.715.397%201.09.9%201.122%201.519c-.529-.021-.968.143-1.334.492c-.243.233-.847.837-1.8%201.8a1.2%201.2%200%200%200-.291-.286l-1.562-1.55l1.266-1.245c.334-.314.741-.54%201.185-.656a2.76%202.76%200%200%201%201.414-.074M7.458%208.95a1.75%201.75%200%200%201-.46-1.276q-.96.08-1.499%201.128a3.06%203.06%200%200%200%20.307%201.959q.247.475.778%201c.54.53.932%201.08%201.499%201.642a2.42%202.42%200%200%201%20.74%201.932c-.015.847.033%201.376.07%201.599c.186.83.677%201.559%201.376%202.043l.418.106c.175.048.313.069.419.074c.391%200%20.74-.122%201.058-.37q.046-.04.022-.053c-.371-.397-.715-.847-.715-1.35v-4.326c0-.36.28-.757.54-1.185l-1.864-1.89c-.317.386-.672.518-1.08.396c-.185-.052-.391-.195-.635-.434l-.974-.99z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.551%209.697L11.99%208.146l-.318-.329c-.477-.503-1.006-1.048-1.525-1.334A3.177%203.177%200%200%200%205.5%208.802q.539-1.048%201.498-1.128c.54-.005.99.16%201.35.509q.364.35%201.657%201.651l.143.143l1.864%201.89q.46.38.656.922c.19.592.18%201.265.164%201.905v.53a90%2090%200%200%201-.015%202.186c-.01.488-.205.954-.546%201.302a.15.15%200%200%201-.084.022c.015.01.01.026-.027.053c-.312.249-.662.37-1.059.37q-.15-.001-.413-.074l-.418-.106a3.188%203.188%200%200%200%204.992-1.567c.186-.572.17-1.223.16-1.837l-.011-.344q-.01-.65.02-.847c.064-.434.244-.815.53-1.149q.222-.261.477-.513l.317-.313c.498-.47%201.033-.98%201.34-1.477a3.15%203.15%200%200%200-2.235-4.764q1.066.603%201.123%201.524c0%20.503-.159.932-.487%201.292q-.468.514-.974.99c-.297.291-.477.466-.927.429a1%201%200%200%201-.751-.424a1.2%201.2%200%200%200-.292-.28%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2012a9%209%200%201%201-17.999%200A9%209%200%200%201%2021%2012m-.466%200a8.534%208.534%200%201%200-17.069%200a8.534%208.534%200%200%200%2017.07%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.854%206.172c.715.397%201.09.9%201.122%201.519c-.529-.021-.968.143-1.334.492c-.243.233-.847.837-1.8%201.8a1.2%201.2%200%200%200-.291-.286l-1.562-1.55l1.266-1.245c.334-.314.741-.54%201.185-.656a2.76%202.76%200%200%201%201.414-.074M7.458%208.95a1.75%201.75%200%200%201-.46-1.276q-.96.08-1.499%201.128a3.06%203.06%200%200%200%20.307%201.959q.247.475.778%201c.54.53.932%201.08%201.499%201.642a2.42%202.42%200%200%201%20.74%201.932c-.015.847.033%201.376.07%201.599c.186.83.677%201.559%201.376%202.043l.418.106c.175.048.313.069.419.074c.391%200%20.74-.122%201.058-.37q.046-.04.022-.053c-.371-.397-.715-.847-.715-1.35v-4.326c0-.36.28-.757.54-1.185l-1.864-1.89c-.317.386-.672.518-1.08.396c-.185-.052-.391-.195-.635-.434l-.974-.99z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.551%209.697L11.99%208.146l-.318-.329c-.477-.503-1.006-1.048-1.525-1.334A3.177%203.177%200%200%200%205.5%208.802q.539-1.048%201.498-1.128c.54-.005.99.16%201.35.509q.364.35%201.657%201.651l.143.143l1.864%201.89q.46.38.656.922c.19.592.18%201.265.164%201.905v.53a90%2090%200%200%201-.015%202.186c-.01.488-.205.954-.546%201.302a.15.15%200%200%201-.084.022c.015.01.01.026-.027.053c-.312.249-.662.37-1.059.37q-.15-.001-.413-.074l-.418-.106a3.188%203.188%200%200%200%204.992-1.567c.186-.572.17-1.223.16-1.837l-.011-.344q-.01-.65.02-.847c.064-.434.244-.815.53-1.149q.222-.261.477-.513l.317-.313c.498-.47%201.033-.98%201.34-1.477a3.15%203.15%200%200%200-2.235-4.764q1.066.603%201.123%201.524c0%20.503-.159.932-.487%201.292q-.468.514-.974.99c-.297.291-.477.466-.927.429a1%201%200%200%201-.751-.424a1.2%201.2%200%200%200-.292-.28%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/yes.svg?color=%231a73e8&size=48
