onion logo
onion from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- onion
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the onion logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.97 10.057c-1.592-1.683-4.035-3.86-4.301-4.953c-.26-1.1.441-2.103.441-2.103c-1.115-.02-1.747.522-2.111 1.14c-.359-.618-.997-1.16-2.113-1.14c0 0 .708 1.004.442 2.103c-.26 1.092-2.709 3.27-4.295 4.953C1.591 14.758 5.451 21 12 21c6.554 0 10.406-6.241 5.972-10.943M12 19.562c-2.64 0-5.643-1.37-6.31-4.139c-.757-3.236 2.52-5.224 4.457-7.171l.316.305c.168.156.336.319.511.475c-.14.135-.28.265-.406.387c-1.607 1.513-4.387 3.25-3.783 5.74c.54 2.231 3.109 3.277 5.215 3.277c2.104 0 4.673-1.046 5.214-3.277c.603-2.49-2.176-4.227-3.783-5.74q-1.14-1.084-2.267-2.185c.351-.366.646-.699.821-.95l.014-.013l.014.013c2.028 2.843 7.257 5.156 6.302 9.14c-.674 2.767-3.67 4.138-6.315 4.138m2.006-6.25a5 5 0 0 0-.435-.44l.814-.828c1.179 1.168 2.302 2.626.568 4.05c-.75.618-1.88.897-2.968.897c-1.08 0-2.21-.279-2.961-.896c-1.74-1.432-.596-2.897.59-4.07l.813.833q-.248.207-.455.455c-1.285 1.54.596 2.497 2.013 2.497c1.425 0 3.306-.957 2.021-2.497m-1.046 1.005a1.98 1.98 0 0 1-1.915-.006l.4-2.213a1.09 1.09 0 0 1-.582-.956c0-.604.511-1.099 1.136-1.099c.632 0 1.137.495 1.137 1.1a1.07 1.07 0 0 1-.583.955z"/></svg>
React
import type { SVGProps } from "react";
export function TokenOnion(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="M17.97 10.057c-1.592-1.683-4.035-3.86-4.301-4.953c-.26-1.1.441-2.103.441-2.103c-1.115-.02-1.747.522-2.111 1.14c-.359-.618-.997-1.16-2.113-1.14c0 0 .708 1.004.442 2.103c-.26 1.092-2.709 3.27-4.295 4.953C1.591 14.758 5.451 21 12 21c6.554 0 10.406-6.241 5.972-10.943M12 19.562c-2.64 0-5.643-1.37-6.31-4.139c-.757-3.236 2.52-5.224 4.457-7.171l.316.305c.168.156.336.319.511.475c-.14.135-.28.265-.406.387c-1.607 1.513-4.387 3.25-3.783 5.74c.54 2.231 3.109 3.277 5.215 3.277c2.104 0 4.673-1.046 5.214-3.277c.603-2.49-2.176-4.227-3.783-5.74q-1.14-1.084-2.267-2.185c.351-.366.646-.699.821-.95l.014-.013l.014.013c2.028 2.843 7.257 5.156 6.302 9.14c-.674 2.767-3.67 4.138-6.315 4.138m2.006-6.25a5 5 0 0 0-.435-.44l.814-.828c1.179 1.168 2.302 2.626.568 4.05c-.75.618-1.88.897-2.968.897c-1.08 0-2.21-.279-2.961-.896c-1.74-1.432-.596-2.897.59-4.07l.813.833q-.248.207-.455.455c-1.285 1.54.596 2.497 2.013 2.497c1.425 0 3.306-.957 2.021-2.497m-1.046 1.005a1.98 1.98 0 0 1-1.915-.006l.4-2.213a1.09 1.09 0 0 1-.582-.956c0-.604.511-1.099 1.136-1.099c.632 0 1.137.495 1.137 1.1a1.07 1.07 0 0 1-.583.955z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.97 10.057c-1.592-1.683-4.035-3.86-4.301-4.953c-.26-1.1.441-2.103.441-2.103c-1.115-.02-1.747.522-2.111 1.14c-.359-.618-.997-1.16-2.113-1.14c0 0 .708 1.004.442 2.103c-.26 1.092-2.709 3.27-4.295 4.953C1.591 14.758 5.451 21 12 21c6.554 0 10.406-6.241 5.972-10.943M12 19.562c-2.64 0-5.643-1.37-6.31-4.139c-.757-3.236 2.52-5.224 4.457-7.171l.316.305c.168.156.336.319.511.475c-.14.135-.28.265-.406.387c-1.607 1.513-4.387 3.25-3.783 5.74c.54 2.231 3.109 3.277 5.215 3.277c2.104 0 4.673-1.046 5.214-3.277c.603-2.49-2.176-4.227-3.783-5.74q-1.14-1.084-2.267-2.185c.351-.366.646-.699.821-.95l.014-.013l.014.013c2.028 2.843 7.257 5.156 6.302 9.14c-.674 2.767-3.67 4.138-6.315 4.138m2.006-6.25a5 5 0 0 0-.435-.44l.814-.828c1.179 1.168 2.302 2.626.568 4.05c-.75.618-1.88.897-2.968.897c-1.08 0-2.21-.279-2.961-.896c-1.74-1.432-.596-2.897.59-4.07l.813.833q-.248.207-.455.455c-1.285 1.54.596 2.497 2.013 2.497c1.425 0 3.306-.957 2.021-2.497m-1.046 1.005a1.98 1.98 0 0 1-1.915-.006l.4-2.213a1.09 1.09 0 0 1-.582-.956c0-.604.511-1.099 1.136-1.099c.632 0 1.137.495 1.137 1.1a1.07 1.07 0 0 1-.583.955z"/></svg> </template>
CSS
.icon-onion {
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%22M17.97%2010.057c-1.592-1.683-4.035-3.86-4.301-4.953c-.26-1.1.441-2.103.441-2.103c-1.115-.02-1.747.522-2.111%201.14c-.359-.618-.997-1.16-2.113-1.14c0%200%20.708%201.004.442%202.103c-.26%201.092-2.709%203.27-4.295%204.953C1.591%2014.758%205.451%2021%2012%2021c6.554%200%2010.406-6.241%205.972-10.943M12%2019.562c-2.64%200-5.643-1.37-6.31-4.139c-.757-3.236%202.52-5.224%204.457-7.171l.316.305c.168.156.336.319.511.475c-.14.135-.28.265-.406.387c-1.607%201.513-4.387%203.25-3.783%205.74c.54%202.231%203.109%203.277%205.215%203.277c2.104%200%204.673-1.046%205.214-3.277c.603-2.49-2.176-4.227-3.783-5.74q-1.14-1.084-2.267-2.185c.351-.366.646-.699.821-.95l.014-.013l.014.013c2.028%202.843%207.257%205.156%206.302%209.14c-.674%202.767-3.67%204.138-6.315%204.138m2.006-6.25a5%205%200%200%200-.435-.44l.814-.828c1.179%201.168%202.302%202.626.568%204.05c-.75.618-1.88.897-2.968.897c-1.08%200-2.21-.279-2.961-.896c-1.74-1.432-.596-2.897.59-4.07l.813.833q-.248.207-.455.455c-1.285%201.54.596%202.497%202.013%202.497c1.425%200%203.306-.957%202.021-2.497m-1.046%201.005a1.98%201.98%200%200%201-1.915-.006l.4-2.213a1.09%201.09%200%200%201-.582-.956c0-.604.511-1.099%201.136-1.099c.632%200%201.137.495%201.137%201.1a1.07%201.07%200%200%201-.583.955z%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%22M17.97%2010.057c-1.592-1.683-4.035-3.86-4.301-4.953c-.26-1.1.441-2.103.441-2.103c-1.115-.02-1.747.522-2.111%201.14c-.359-.618-.997-1.16-2.113-1.14c0%200%20.708%201.004.442%202.103c-.26%201.092-2.709%203.27-4.295%204.953C1.591%2014.758%205.451%2021%2012%2021c6.554%200%2010.406-6.241%205.972-10.943M12%2019.562c-2.64%200-5.643-1.37-6.31-4.139c-.757-3.236%202.52-5.224%204.457-7.171l.316.305c.168.156.336.319.511.475c-.14.135-.28.265-.406.387c-1.607%201.513-4.387%203.25-3.783%205.74c.54%202.231%203.109%203.277%205.215%203.277c2.104%200%204.673-1.046%205.214-3.277c.603-2.49-2.176-4.227-3.783-5.74q-1.14-1.084-2.267-2.185c.351-.366.646-.699.821-.95l.014-.013l.014.013c2.028%202.843%207.257%205.156%206.302%209.14c-.674%202.767-3.67%204.138-6.315%204.138m2.006-6.25a5%205%200%200%200-.435-.44l.814-.828c1.179%201.168%202.302%202.626.568%204.05c-.75.618-1.88.897-2.968.897c-1.08%200-2.21-.279-2.961-.896c-1.74-1.432-.596-2.897.59-4.07l.813.833q-.248.207-.455.455c-1.285%201.54.596%202.497%202.013%202.497c1.425%200%203.306-.957%202.021-2.497m-1.046%201.005a1.98%201.98%200%200%201-1.915-.006l.4-2.213a1.09%201.09%200%200%201-.582-.956c0-.604.511-1.099%201.136-1.099c.632%200%201.137.495%201.137%201.1a1.07%201.07%200%200%201-.583.955z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/onion.svg?color=%231a73e8&size=48
