grain logo
grain-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- grain-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 grain 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(#SVGHcSWxdhd77)"><path fill="#e4c14f" d="M24 0H0v24h24z"/><path fill="#000" d="M12.223 18.471v1.39c0 .093-.05.135-.143.135l-.16.004c-.097 0-.144-.042-.148-.135v-1.419a.04.04 0 0 0-.017-.03a.05.05 0 0 0-.03-.016c-.458-.042-.825-.156-1.334-.316c-2.569-.804-4.33-2.826-4.666-5.378c-.358-2.682 1.655-4.695 3.487-6.401c.177-.168.307-.362.455-.547c0-.009.004-.009.012-.013h.013q.01-.002.017.008l.004.013c.143.619.156 1.065.733 1.554c.471.396 1.73 1.41.973 2.055a.5.5 0 0 1-.439.11A2.36 2.36 0 0 1 9.14 7.18a.05.05 0 0 0-.025-.017a.06.06 0 0 0-.05.009c-1.475 1.322-2.734 2.779-2.847 4.8c-.144 2.578 1.954 4.822 4.392 5.728c.328.126.707.18 1.065.27a.1.1 0 0 0 .072-.013a.08.08 0 0 0 .03-.06V7.767a.07.07 0 0 0-.02-.05q-.33-.303-.633-.632c-.8-.93.033-2.29.728-3.024a.16.16 0 0 1 .072-.046a.21.21 0 0 1 .227.05c.645.733 1.192 1.576.956 2.57c-.084.357-.463.72-.758.96a.36.36 0 0 0-.126.27v10.018q-.002.018.008.038l.03.03a.1.1 0 0 0 .08.02c.337-.071.686-.135 1.01-.252c2.451-.906 4.578-3.163 4.435-5.761c-.11-1.967-1.398-3.542-2.898-4.801a.03.03 0 0 0-.029 0l-.012.008l-.009.017a2.4 2.4 0 0 1-1.364 2.177c-.775.413-1.411-.139-1.003-.888c.329-.611.96-.969 1.306-1.365c.37-.425.396-.838.484-1.326q.006-.045.038-.013q.532.592 1.524 1.533c1.52 1.432 2.818 3.525 2.422 5.63c-.569 3.024-2.822 4.949-5.972 5.488c-.03.004-.046.025-.05.054"/><path fill="#000" d="M15.158 8.887c.139 1.423-.446 2.93-2.127 3.108c-.21.02-.379-.009-.497-.093c-.484-.328-.025-1.023.363-1.267c.808-.523 1.655-.977 2.223-1.757q.032-.043.038.009m-4.085 3.108c-1.769-.127-2.329-1.664-2.249-3.117c0-.042.017-.042.042-.008c.573.792 1.55 1.306 2.388 1.887c.337.236.463.534.38.905c-.064.261-.287.35-.56.333m-.008 2.636c-1.845-.27-2.291-1.588-2.24-3.15q0-.107.062-.017c.523.817 1.331 1.18 2.165 1.769q.385.266.493.438c.227.354.147 1.053-.48.96m4.097-3.112c.14 1.5-.476 2.965-2.257 3.104c-.493.042-.695-.455-.497-.805c.156-.282.38-.51.661-.686c.67-.409 1.668-.948 2.013-1.626q.064-.132.084.013zm-3.836 5.588c-1.912.05-2.615-1.516-2.485-3.074q.006-.081.05-.017c.565.758 1.306 1.154 2.073 1.655c.311.21.686.501.711.872q.018.307-.248.526a.16.16 0 0 1-.097.038zm3.183-.707a2.12 2.12 0 0 1-1.836.69a.3.3 0 0 1-.185-.105c-.425-.564.114-1.01.602-1.339c.695-.463 1.567-.927 2.022-1.626l.012-.012a.03.03 0 0 1 .026.008l.008.013c.084.796-.093 1.769-.649 2.37"/></g><defs><clipPath id="SVGHcSWxdhd77"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedGrainBackground(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(#SVGHcSWxdhd77)"><path fill="#e4c14f" d="M24 0H0v24h24z"/><path fill="#000" d="M12.223 18.471v1.39c0 .093-.05.135-.143.135l-.16.004c-.097 0-.144-.042-.148-.135v-1.419a.04.04 0 0 0-.017-.03a.05.05 0 0 0-.03-.016c-.458-.042-.825-.156-1.334-.316c-2.569-.804-4.33-2.826-4.666-5.378c-.358-2.682 1.655-4.695 3.487-6.401c.177-.168.307-.362.455-.547c0-.009.004-.009.012-.013h.013q.01-.002.017.008l.004.013c.143.619.156 1.065.733 1.554c.471.396 1.73 1.41.973 2.055a.5.5 0 0 1-.439.11A2.36 2.36 0 0 1 9.14 7.18a.05.05 0 0 0-.025-.017a.06.06 0 0 0-.05.009c-1.475 1.322-2.734 2.779-2.847 4.8c-.144 2.578 1.954 4.822 4.392 5.728c.328.126.707.18 1.065.27a.1.1 0 0 0 .072-.013a.08.08 0 0 0 .03-.06V7.767a.07.07 0 0 0-.02-.05q-.33-.303-.633-.632c-.8-.93.033-2.29.728-3.024a.16.16 0 0 1 .072-.046a.21.21 0 0 1 .227.05c.645.733 1.192 1.576.956 2.57c-.084.357-.463.72-.758.96a.36.36 0 0 0-.126.27v10.018q-.002.018.008.038l.03.03a.1.1 0 0 0 .08.02c.337-.071.686-.135 1.01-.252c2.451-.906 4.578-3.163 4.435-5.761c-.11-1.967-1.398-3.542-2.898-4.801a.03.03 0 0 0-.029 0l-.012.008l-.009.017a2.4 2.4 0 0 1-1.364 2.177c-.775.413-1.411-.139-1.003-.888c.329-.611.96-.969 1.306-1.365c.37-.425.396-.838.484-1.326q.006-.045.038-.013q.532.592 1.524 1.533c1.52 1.432 2.818 3.525 2.422 5.63c-.569 3.024-2.822 4.949-5.972 5.488c-.03.004-.046.025-.05.054"/><path fill="#000" d="M15.158 8.887c.139 1.423-.446 2.93-2.127 3.108c-.21.02-.379-.009-.497-.093c-.484-.328-.025-1.023.363-1.267c.808-.523 1.655-.977 2.223-1.757q.032-.043.038.009m-4.085 3.108c-1.769-.127-2.329-1.664-2.249-3.117c0-.042.017-.042.042-.008c.573.792 1.55 1.306 2.388 1.887c.337.236.463.534.38.905c-.064.261-.287.35-.56.333m-.008 2.636c-1.845-.27-2.291-1.588-2.24-3.15q0-.107.062-.017c.523.817 1.331 1.18 2.165 1.769q.385.266.493.438c.227.354.147 1.053-.48.96m4.097-3.112c.14 1.5-.476 2.965-2.257 3.104c-.493.042-.695-.455-.497-.805c.156-.282.38-.51.661-.686c.67-.409 1.668-.948 2.013-1.626q.064-.132.084.013zm-3.836 5.588c-1.912.05-2.615-1.516-2.485-3.074q.006-.081.05-.017c.565.758 1.306 1.154 2.073 1.655c.311.21.686.501.711.872q.018.307-.248.526a.16.16 0 0 1-.097.038zm3.183-.707a2.12 2.12 0 0 1-1.836.69a.3.3 0 0 1-.185-.105c-.425-.564.114-1.01.602-1.339c.695-.463 1.567-.927 2.022-1.626l.012-.012a.03.03 0 0 1 .026.008l.008.013c.084.796-.093 1.769-.649 2.37"/></g><defs><clipPath id="SVGHcSWxdhd77"><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(#SVGHcSWxdhd77)"><path fill="#e4c14f" d="M24 0H0v24h24z"/><path fill="#000" d="M12.223 18.471v1.39c0 .093-.05.135-.143.135l-.16.004c-.097 0-.144-.042-.148-.135v-1.419a.04.04 0 0 0-.017-.03a.05.05 0 0 0-.03-.016c-.458-.042-.825-.156-1.334-.316c-2.569-.804-4.33-2.826-4.666-5.378c-.358-2.682 1.655-4.695 3.487-6.401c.177-.168.307-.362.455-.547c0-.009.004-.009.012-.013h.013q.01-.002.017.008l.004.013c.143.619.156 1.065.733 1.554c.471.396 1.73 1.41.973 2.055a.5.5 0 0 1-.439.11A2.36 2.36 0 0 1 9.14 7.18a.05.05 0 0 0-.025-.017a.06.06 0 0 0-.05.009c-1.475 1.322-2.734 2.779-2.847 4.8c-.144 2.578 1.954 4.822 4.392 5.728c.328.126.707.18 1.065.27a.1.1 0 0 0 .072-.013a.08.08 0 0 0 .03-.06V7.767a.07.07 0 0 0-.02-.05q-.33-.303-.633-.632c-.8-.93.033-2.29.728-3.024a.16.16 0 0 1 .072-.046a.21.21 0 0 1 .227.05c.645.733 1.192 1.576.956 2.57c-.084.357-.463.72-.758.96a.36.36 0 0 0-.126.27v10.018q-.002.018.008.038l.03.03a.1.1 0 0 0 .08.02c.337-.071.686-.135 1.01-.252c2.451-.906 4.578-3.163 4.435-5.761c-.11-1.967-1.398-3.542-2.898-4.801a.03.03 0 0 0-.029 0l-.012.008l-.009.017a2.4 2.4 0 0 1-1.364 2.177c-.775.413-1.411-.139-1.003-.888c.329-.611.96-.969 1.306-1.365c.37-.425.396-.838.484-1.326q.006-.045.038-.013q.532.592 1.524 1.533c1.52 1.432 2.818 3.525 2.422 5.63c-.569 3.024-2.822 4.949-5.972 5.488c-.03.004-.046.025-.05.054"/><path fill="#000" d="M15.158 8.887c.139 1.423-.446 2.93-2.127 3.108c-.21.02-.379-.009-.497-.093c-.484-.328-.025-1.023.363-1.267c.808-.523 1.655-.977 2.223-1.757q.032-.043.038.009m-4.085 3.108c-1.769-.127-2.329-1.664-2.249-3.117c0-.042.017-.042.042-.008c.573.792 1.55 1.306 2.388 1.887c.337.236.463.534.38.905c-.064.261-.287.35-.56.333m-.008 2.636c-1.845-.27-2.291-1.588-2.24-3.15q0-.107.062-.017c.523.817 1.331 1.18 2.165 1.769q.385.266.493.438c.227.354.147 1.053-.48.96m4.097-3.112c.14 1.5-.476 2.965-2.257 3.104c-.493.042-.695-.455-.497-.805c.156-.282.38-.51.661-.686c.67-.409 1.668-.948 2.013-1.626q.064-.132.084.013zm-3.836 5.588c-1.912.05-2.615-1.516-2.485-3.074q.006-.081.05-.017c.565.758 1.306 1.154 2.073 1.655c.311.21.686.501.711.872q.018.307-.248.526a.16.16 0 0 1-.097.038zm3.183-.707a2.12 2.12 0 0 1-1.836.69a.3.3 0 0 1-.185-.105c-.425-.564.114-1.01.602-1.339c.695-.463 1.567-.927 2.022-1.626l.012-.012a.03.03 0 0 1 .026.008l.008.013c.084.796-.093 1.769-.649 2.37"/></g><defs><clipPath id="SVGHcSWxdhd77"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-grain-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(%23SVGHcSWxdhd77)%22%3E%3Cpath%20fill%3D%22%23e4c14f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.223%2018.471v1.39c0%20.093-.05.135-.143.135l-.16.004c-.097%200-.144-.042-.148-.135v-1.419a.04.04%200%200%200-.017-.03a.05.05%200%200%200-.03-.016c-.458-.042-.825-.156-1.334-.316c-2.569-.804-4.33-2.826-4.666-5.378c-.358-2.682%201.655-4.695%203.487-6.401c.177-.168.307-.362.455-.547c0-.009.004-.009.012-.013h.013q.01-.002.017.008l.004.013c.143.619.156%201.065.733%201.554c.471.396%201.73%201.41.973%202.055a.5.5%200%200%201-.439.11A2.36%202.36%200%200%201%209.14%207.18a.05.05%200%200%200-.025-.017a.06.06%200%200%200-.05.009c-1.475%201.322-2.734%202.779-2.847%204.8c-.144%202.578%201.954%204.822%204.392%205.728c.328.126.707.18%201.065.27a.1.1%200%200%200%20.072-.013a.08.08%200%200%200%20.03-.06V7.767a.07.07%200%200%200-.02-.05q-.33-.303-.633-.632c-.8-.93.033-2.29.728-3.024a.16.16%200%200%201%20.072-.046a.21.21%200%200%201%20.227.05c.645.733%201.192%201.576.956%202.57c-.084.357-.463.72-.758.96a.36.36%200%200%200-.126.27v10.018q-.002.018.008.038l.03.03a.1.1%200%200%200%20.08.02c.337-.071.686-.135%201.01-.252c2.451-.906%204.578-3.163%204.435-5.761c-.11-1.967-1.398-3.542-2.898-4.801a.03.03%200%200%200-.029%200l-.012.008l-.009.017a2.4%202.4%200%200%201-1.364%202.177c-.775.413-1.411-.139-1.003-.888c.329-.611.96-.969%201.306-1.365c.37-.425.396-.838.484-1.326q.006-.045.038-.013q.532.592%201.524%201.533c1.52%201.432%202.818%203.525%202.422%205.63c-.569%203.024-2.822%204.949-5.972%205.488c-.03.004-.046.025-.05.054%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.158%208.887c.139%201.423-.446%202.93-2.127%203.108c-.21.02-.379-.009-.497-.093c-.484-.328-.025-1.023.363-1.267c.808-.523%201.655-.977%202.223-1.757q.032-.043.038.009m-4.085%203.108c-1.769-.127-2.329-1.664-2.249-3.117c0-.042.017-.042.042-.008c.573.792%201.55%201.306%202.388%201.887c.337.236.463.534.38.905c-.064.261-.287.35-.56.333m-.008%202.636c-1.845-.27-2.291-1.588-2.24-3.15q0-.107.062-.017c.523.817%201.331%201.18%202.165%201.769q.385.266.493.438c.227.354.147%201.053-.48.96m4.097-3.112c.14%201.5-.476%202.965-2.257%203.104c-.493.042-.695-.455-.497-.805c.156-.282.38-.51.661-.686c.67-.409%201.668-.948%202.013-1.626q.064-.132.084.013zm-3.836%205.588c-1.912.05-2.615-1.516-2.485-3.074q.006-.081.05-.017c.565.758%201.306%201.154%202.073%201.655c.311.21.686.501.711.872q.018.307-.248.526a.16.16%200%200%201-.097.038zm3.183-.707a2.12%202.12%200%200%201-1.836.69a.3.3%200%200%201-.185-.105c-.425-.564.114-1.01.602-1.339c.695-.463%201.567-.927%202.022-1.626l.012-.012a.03.03%200%200%201%20.026.008l.008.013c.084.796-.093%201.769-.649%202.37%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd77%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(%23SVGHcSWxdhd77)%22%3E%3Cpath%20fill%3D%22%23e4c14f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.223%2018.471v1.39c0%20.093-.05.135-.143.135l-.16.004c-.097%200-.144-.042-.148-.135v-1.419a.04.04%200%200%200-.017-.03a.05.05%200%200%200-.03-.016c-.458-.042-.825-.156-1.334-.316c-2.569-.804-4.33-2.826-4.666-5.378c-.358-2.682%201.655-4.695%203.487-6.401c.177-.168.307-.362.455-.547c0-.009.004-.009.012-.013h.013q.01-.002.017.008l.004.013c.143.619.156%201.065.733%201.554c.471.396%201.73%201.41.973%202.055a.5.5%200%200%201-.439.11A2.36%202.36%200%200%201%209.14%207.18a.05.05%200%200%200-.025-.017a.06.06%200%200%200-.05.009c-1.475%201.322-2.734%202.779-2.847%204.8c-.144%202.578%201.954%204.822%204.392%205.728c.328.126.707.18%201.065.27a.1.1%200%200%200%20.072-.013a.08.08%200%200%200%20.03-.06V7.767a.07.07%200%200%200-.02-.05q-.33-.303-.633-.632c-.8-.93.033-2.29.728-3.024a.16.16%200%200%201%20.072-.046a.21.21%200%200%201%20.227.05c.645.733%201.192%201.576.956%202.57c-.084.357-.463.72-.758.96a.36.36%200%200%200-.126.27v10.018q-.002.018.008.038l.03.03a.1.1%200%200%200%20.08.02c.337-.071.686-.135%201.01-.252c2.451-.906%204.578-3.163%204.435-5.761c-.11-1.967-1.398-3.542-2.898-4.801a.03.03%200%200%200-.029%200l-.012.008l-.009.017a2.4%202.4%200%200%201-1.364%202.177c-.775.413-1.411-.139-1.003-.888c.329-.611.96-.969%201.306-1.365c.37-.425.396-.838.484-1.326q.006-.045.038-.013q.532.592%201.524%201.533c1.52%201.432%202.818%203.525%202.422%205.63c-.569%203.024-2.822%204.949-5.972%205.488c-.03.004-.046.025-.05.054%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.158%208.887c.139%201.423-.446%202.93-2.127%203.108c-.21.02-.379-.009-.497-.093c-.484-.328-.025-1.023.363-1.267c.808-.523%201.655-.977%202.223-1.757q.032-.043.038.009m-4.085%203.108c-1.769-.127-2.329-1.664-2.249-3.117c0-.042.017-.042.042-.008c.573.792%201.55%201.306%202.388%201.887c.337.236.463.534.38.905c-.064.261-.287.35-.56.333m-.008%202.636c-1.845-.27-2.291-1.588-2.24-3.15q0-.107.062-.017c.523.817%201.331%201.18%202.165%201.769q.385.266.493.438c.227.354.147%201.053-.48.96m4.097-3.112c.14%201.5-.476%202.965-2.257%203.104c-.493.042-.695-.455-.497-.805c.156-.282.38-.51.661-.686c.67-.409%201.668-.948%202.013-1.626q.064-.132.084.013zm-3.836%205.588c-1.912.05-2.615-1.516-2.485-3.074q.006-.081.05-.017c.565.758%201.306%201.154%202.073%201.655c.311.21.686.501.711.872q.018.307-.248.526a.16.16%200%200%201-.097.038zm3.183-.707a2.12%202.12%200%200%201-1.836.69a.3.3%200%200%201-.185-.105c-.425-.564.114-1.01.602-1.339c.695-.463%201.567-.927%202.022-1.626l.012-.012a.03.03%200%200%201%20.026.008l.008.013c.084.796-.093%201.769-.649%202.37%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd77%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/grain-background.svg?color=%231a73e8&size=48
