nom logo
nom-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- nom-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 nom 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(#SVGHcSWxdhd187)"><path fill="#e1dfec" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 7.916c0-1.581 1.11-2.269 2.085-2.269c1.426 0 3.096.951 4.127 1.855c.5.44 1.125.717 1.788.79a3.25 3.25 0 0 0 1.788-.79c1.035-.904 2.701-1.855 4.127-1.855c.974 0 2.085.688 2.085 2.269c0 1.576-1.492 3.948-3.539 5.148c.31.31 1.657 1.925 1.657 3.261c0 1.341-.965 2.028-1.76 2.028c-1.323 0-1.958-.682-2.542-1.317c-.503-.541-.974-1.03-1.816-1.036c-.842.005-1.313.495-1.816 1.036c-.584.635-1.22 1.317-2.542 1.317c-.8 0-1.76-.687-1.76-2.023c0-1.341 1.346-2.955 1.657-3.266C5.492 11.864 4 9.492 4 7.916m2.362.993c.184.423.965 1.562 2.603 2.715c.343-.278 1.073-.998 1.073-1.614c0-.621-1.389-1.892-2.673-1.892c-.725 0-1.003.447-1.003.79m8.706 2.715c1.643-1.153 2.424-2.292 2.607-2.715c0-.344-.282-.791-1.007-.791c-1.284 0-2.673 1.27-2.673 1.892c0 .616.73 1.336 1.078 1.614zm-3.068-.8a60 60 0 0 0-1.473 1.412c.73.193 1.27.22 1.459.207c.188.014.753-.014 1.525-.207A56 56 0 0 0 12 10.824m-2.184 4.353a4.7 4.7 0 0 0-1.129-1.322c-.73.654-.974 1.303-.974 1.717c0 .41.315.72.626.72c.668 0 1.195-.725 1.407-1.016a.3.3 0 0 1 .07-.094zm5.535-1.322a4.7 4.7 0 0 0-1.13 1.322l.07.094c.213.297.735 1.021 1.403 1.021c.315 0 .626-.31.626-.72c0-.414-.24-1.063-.97-1.717"/><path fill="#fff" d="M8.903 18.089a2.9 2.9 0 0 1-1.261.264c-.8 0-1.76-.688-1.76-2.024c0-1.341 1.341-2.95 1.656-3.261a9 9 0 0 1 1.144.79c-.73.65-.918 1.304-.918 1.713s.264.72.574.72c.669 0 1.21-.743 1.421-1.035l.057-.08c.141.282.221.574.221.875c0 .843-.546 1.544-1.13 2.038zm7.567-5.007c.344.339 1.647 1.93 1.647 3.247c0 1.336-.965 2.023-1.76 2.023c-.475 0-.861-.089-1.186-.23c-.602-.49-1.29-1.21-1.29-2.07c0-.302.194-.594.34-.876c.16.216.734 1.115 1.473 1.115c.315 0 .626-.31.626-.72s-.24-1.063-.965-1.713a9 9 0 0 1 1.12-.78zM8.46 6.32c.66.338 1.271.762 1.751 1.18a3.24 3.24 0 0 0 1.788.791a3.25 3.25 0 0 0 1.789-.79a8.7 8.7 0 0 1 1.788-1.2a5.2 5.2 0 0 1 1.299-.184c.8 0 1.242.49 1.242 1.28c0 .824-.306 1.506-.894 2.217c.235-.306.386-.55.452-.706c0-.344-.283-.79-1.007-.79c-1.285 0-2.673 1.27-2.673 1.891c0 .612.71 1.318 1.063 1.6a4.9 4.9 0 0 1-1.553.626A47 47 0 0 0 12 10.823a60 60 0 0 0-1.473 1.412l.222.056a4.5 4.5 0 0 1-1.78-.677c.354-.278 1.07-.989 1.07-1.605c0-.621-1.39-1.892-2.674-1.892c-.725 0-1.002.447-1.002.79a1 1 0 0 0 .094.184a3.3 3.3 0 0 1-.574-1.694c0-.79.41-1.28 1.205-1.28c.47 0 .95.085 1.374.203"/></g><defs><clipPath id="SVGHcSWxdhd187"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedNomBackground(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(#SVGHcSWxdhd187)"><path fill="#e1dfec" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 7.916c0-1.581 1.11-2.269 2.085-2.269c1.426 0 3.096.951 4.127 1.855c.5.44 1.125.717 1.788.79a3.25 3.25 0 0 0 1.788-.79c1.035-.904 2.701-1.855 4.127-1.855c.974 0 2.085.688 2.085 2.269c0 1.576-1.492 3.948-3.539 5.148c.31.31 1.657 1.925 1.657 3.261c0 1.341-.965 2.028-1.76 2.028c-1.323 0-1.958-.682-2.542-1.317c-.503-.541-.974-1.03-1.816-1.036c-.842.005-1.313.495-1.816 1.036c-.584.635-1.22 1.317-2.542 1.317c-.8 0-1.76-.687-1.76-2.023c0-1.341 1.346-2.955 1.657-3.266C5.492 11.864 4 9.492 4 7.916m2.362.993c.184.423.965 1.562 2.603 2.715c.343-.278 1.073-.998 1.073-1.614c0-.621-1.389-1.892-2.673-1.892c-.725 0-1.003.447-1.003.79m8.706 2.715c1.643-1.153 2.424-2.292 2.607-2.715c0-.344-.282-.791-1.007-.791c-1.284 0-2.673 1.27-2.673 1.892c0 .616.73 1.336 1.078 1.614zm-3.068-.8a60 60 0 0 0-1.473 1.412c.73.193 1.27.22 1.459.207c.188.014.753-.014 1.525-.207A56 56 0 0 0 12 10.824m-2.184 4.353a4.7 4.7 0 0 0-1.129-1.322c-.73.654-.974 1.303-.974 1.717c0 .41.315.72.626.72c.668 0 1.195-.725 1.407-1.016a.3.3 0 0 1 .07-.094zm5.535-1.322a4.7 4.7 0 0 0-1.13 1.322l.07.094c.213.297.735 1.021 1.403 1.021c.315 0 .626-.31.626-.72c0-.414-.24-1.063-.97-1.717"/><path fill="#fff" d="M8.903 18.089a2.9 2.9 0 0 1-1.261.264c-.8 0-1.76-.688-1.76-2.024c0-1.341 1.341-2.95 1.656-3.261a9 9 0 0 1 1.144.79c-.73.65-.918 1.304-.918 1.713s.264.72.574.72c.669 0 1.21-.743 1.421-1.035l.057-.08c.141.282.221.574.221.875c0 .843-.546 1.544-1.13 2.038zm7.567-5.007c.344.339 1.647 1.93 1.647 3.247c0 1.336-.965 2.023-1.76 2.023c-.475 0-.861-.089-1.186-.23c-.602-.49-1.29-1.21-1.29-2.07c0-.302.194-.594.34-.876c.16.216.734 1.115 1.473 1.115c.315 0 .626-.31.626-.72s-.24-1.063-.965-1.713a9 9 0 0 1 1.12-.78zM8.46 6.32c.66.338 1.271.762 1.751 1.18a3.24 3.24 0 0 0 1.788.791a3.25 3.25 0 0 0 1.789-.79a8.7 8.7 0 0 1 1.788-1.2a5.2 5.2 0 0 1 1.299-.184c.8 0 1.242.49 1.242 1.28c0 .824-.306 1.506-.894 2.217c.235-.306.386-.55.452-.706c0-.344-.283-.79-1.007-.79c-1.285 0-2.673 1.27-2.673 1.891c0 .612.71 1.318 1.063 1.6a4.9 4.9 0 0 1-1.553.626A47 47 0 0 0 12 10.823a60 60 0 0 0-1.473 1.412l.222.056a4.5 4.5 0 0 1-1.78-.677c.354-.278 1.07-.989 1.07-1.605c0-.621-1.39-1.892-2.674-1.892c-.725 0-1.002.447-1.002.79a1 1 0 0 0 .094.184a3.3 3.3 0 0 1-.574-1.694c0-.79.41-1.28 1.205-1.28c.47 0 .95.085 1.374.203"/></g><defs><clipPath id="SVGHcSWxdhd187"><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(#SVGHcSWxdhd187)"><path fill="#e1dfec" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 7.916c0-1.581 1.11-2.269 2.085-2.269c1.426 0 3.096.951 4.127 1.855c.5.44 1.125.717 1.788.79a3.25 3.25 0 0 0 1.788-.79c1.035-.904 2.701-1.855 4.127-1.855c.974 0 2.085.688 2.085 2.269c0 1.576-1.492 3.948-3.539 5.148c.31.31 1.657 1.925 1.657 3.261c0 1.341-.965 2.028-1.76 2.028c-1.323 0-1.958-.682-2.542-1.317c-.503-.541-.974-1.03-1.816-1.036c-.842.005-1.313.495-1.816 1.036c-.584.635-1.22 1.317-2.542 1.317c-.8 0-1.76-.687-1.76-2.023c0-1.341 1.346-2.955 1.657-3.266C5.492 11.864 4 9.492 4 7.916m2.362.993c.184.423.965 1.562 2.603 2.715c.343-.278 1.073-.998 1.073-1.614c0-.621-1.389-1.892-2.673-1.892c-.725 0-1.003.447-1.003.79m8.706 2.715c1.643-1.153 2.424-2.292 2.607-2.715c0-.344-.282-.791-1.007-.791c-1.284 0-2.673 1.27-2.673 1.892c0 .616.73 1.336 1.078 1.614zm-3.068-.8a60 60 0 0 0-1.473 1.412c.73.193 1.27.22 1.459.207c.188.014.753-.014 1.525-.207A56 56 0 0 0 12 10.824m-2.184 4.353a4.7 4.7 0 0 0-1.129-1.322c-.73.654-.974 1.303-.974 1.717c0 .41.315.72.626.72c.668 0 1.195-.725 1.407-1.016a.3.3 0 0 1 .07-.094zm5.535-1.322a4.7 4.7 0 0 0-1.13 1.322l.07.094c.213.297.735 1.021 1.403 1.021c.315 0 .626-.31.626-.72c0-.414-.24-1.063-.97-1.717"/><path fill="#fff" d="M8.903 18.089a2.9 2.9 0 0 1-1.261.264c-.8 0-1.76-.688-1.76-2.024c0-1.341 1.341-2.95 1.656-3.261a9 9 0 0 1 1.144.79c-.73.65-.918 1.304-.918 1.713s.264.72.574.72c.669 0 1.21-.743 1.421-1.035l.057-.08c.141.282.221.574.221.875c0 .843-.546 1.544-1.13 2.038zm7.567-5.007c.344.339 1.647 1.93 1.647 3.247c0 1.336-.965 2.023-1.76 2.023c-.475 0-.861-.089-1.186-.23c-.602-.49-1.29-1.21-1.29-2.07c0-.302.194-.594.34-.876c.16.216.734 1.115 1.473 1.115c.315 0 .626-.31.626-.72s-.24-1.063-.965-1.713a9 9 0 0 1 1.12-.78zM8.46 6.32c.66.338 1.271.762 1.751 1.18a3.24 3.24 0 0 0 1.788.791a3.25 3.25 0 0 0 1.789-.79a8.7 8.7 0 0 1 1.788-1.2a5.2 5.2 0 0 1 1.299-.184c.8 0 1.242.49 1.242 1.28c0 .824-.306 1.506-.894 2.217c.235-.306.386-.55.452-.706c0-.344-.283-.79-1.007-.79c-1.285 0-2.673 1.27-2.673 1.891c0 .612.71 1.318 1.063 1.6a4.9 4.9 0 0 1-1.553.626A47 47 0 0 0 12 10.823a60 60 0 0 0-1.473 1.412l.222.056a4.5 4.5 0 0 1-1.78-.677c.354-.278 1.07-.989 1.07-1.605c0-.621-1.39-1.892-2.674-1.892c-.725 0-1.002.447-1.002.79a1 1 0 0 0 .094.184a3.3 3.3 0 0 1-.574-1.694c0-.79.41-1.28 1.205-1.28c.47 0 .95.085 1.374.203"/></g><defs><clipPath id="SVGHcSWxdhd187"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-nom-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(%23SVGHcSWxdhd187)%22%3E%3Cpath%20fill%3D%22%23e1dfec%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%207.916c0-1.581%201.11-2.269%202.085-2.269c1.426%200%203.096.951%204.127%201.855c.5.44%201.125.717%201.788.79a3.25%203.25%200%200%200%201.788-.79c1.035-.904%202.701-1.855%204.127-1.855c.974%200%202.085.688%202.085%202.269c0%201.576-1.492%203.948-3.539%205.148c.31.31%201.657%201.925%201.657%203.261c0%201.341-.965%202.028-1.76%202.028c-1.323%200-1.958-.682-2.542-1.317c-.503-.541-.974-1.03-1.816-1.036c-.842.005-1.313.495-1.816%201.036c-.584.635-1.22%201.317-2.542%201.317c-.8%200-1.76-.687-1.76-2.023c0-1.341%201.346-2.955%201.657-3.266C5.492%2011.864%204%209.492%204%207.916m2.362.993c.184.423.965%201.562%202.603%202.715c.343-.278%201.073-.998%201.073-1.614c0-.621-1.389-1.892-2.673-1.892c-.725%200-1.003.447-1.003.79m8.706%202.715c1.643-1.153%202.424-2.292%202.607-2.715c0-.344-.282-.791-1.007-.791c-1.284%200-2.673%201.27-2.673%201.892c0%20.616.73%201.336%201.078%201.614zm-3.068-.8a60%2060%200%200%200-1.473%201.412c.73.193%201.27.22%201.459.207c.188.014.753-.014%201.525-.207A56%2056%200%200%200%2012%2010.824m-2.184%204.353a4.7%204.7%200%200%200-1.129-1.322c-.73.654-.974%201.303-.974%201.717c0%20.41.315.72.626.72c.668%200%201.195-.725%201.407-1.016a.3.3%200%200%201%20.07-.094zm5.535-1.322a4.7%204.7%200%200%200-1.13%201.322l.07.094c.213.297.735%201.021%201.403%201.021c.315%200%20.626-.31.626-.72c0-.414-.24-1.063-.97-1.717%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.903%2018.089a2.9%202.9%200%200%201-1.261.264c-.8%200-1.76-.688-1.76-2.024c0-1.341%201.341-2.95%201.656-3.261a9%209%200%200%201%201.144.79c-.73.65-.918%201.304-.918%201.713s.264.72.574.72c.669%200%201.21-.743%201.421-1.035l.057-.08c.141.282.221.574.221.875c0%20.843-.546%201.544-1.13%202.038zm7.567-5.007c.344.339%201.647%201.93%201.647%203.247c0%201.336-.965%202.023-1.76%202.023c-.475%200-.861-.089-1.186-.23c-.602-.49-1.29-1.21-1.29-2.07c0-.302.194-.594.34-.876c.16.216.734%201.115%201.473%201.115c.315%200%20.626-.31.626-.72s-.24-1.063-.965-1.713a9%209%200%200%201%201.12-.78zM8.46%206.32c.66.338%201.271.762%201.751%201.18a3.24%203.24%200%200%200%201.788.791a3.25%203.25%200%200%200%201.789-.79a8.7%208.7%200%200%201%201.788-1.2a5.2%205.2%200%200%201%201.299-.184c.8%200%201.242.49%201.242%201.28c0%20.824-.306%201.506-.894%202.217c.235-.306.386-.55.452-.706c0-.344-.283-.79-1.007-.79c-1.285%200-2.673%201.27-2.673%201.891c0%20.612.71%201.318%201.063%201.6a4.9%204.9%200%200%201-1.553.626A47%2047%200%200%200%2012%2010.823a60%2060%200%200%200-1.473%201.412l.222.056a4.5%204.5%200%200%201-1.78-.677c.354-.278%201.07-.989%201.07-1.605c0-.621-1.39-1.892-2.674-1.892c-.725%200-1.002.447-1.002.79a1%201%200%200%200%20.094.184a3.3%203.3%200%200%201-.574-1.694c0-.79.41-1.28%201.205-1.28c.47%200%20.95.085%201.374.203%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd187%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(%23SVGHcSWxdhd187)%22%3E%3Cpath%20fill%3D%22%23e1dfec%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%207.916c0-1.581%201.11-2.269%202.085-2.269c1.426%200%203.096.951%204.127%201.855c.5.44%201.125.717%201.788.79a3.25%203.25%200%200%200%201.788-.79c1.035-.904%202.701-1.855%204.127-1.855c.974%200%202.085.688%202.085%202.269c0%201.576-1.492%203.948-3.539%205.148c.31.31%201.657%201.925%201.657%203.261c0%201.341-.965%202.028-1.76%202.028c-1.323%200-1.958-.682-2.542-1.317c-.503-.541-.974-1.03-1.816-1.036c-.842.005-1.313.495-1.816%201.036c-.584.635-1.22%201.317-2.542%201.317c-.8%200-1.76-.687-1.76-2.023c0-1.341%201.346-2.955%201.657-3.266C5.492%2011.864%204%209.492%204%207.916m2.362.993c.184.423.965%201.562%202.603%202.715c.343-.278%201.073-.998%201.073-1.614c0-.621-1.389-1.892-2.673-1.892c-.725%200-1.003.447-1.003.79m8.706%202.715c1.643-1.153%202.424-2.292%202.607-2.715c0-.344-.282-.791-1.007-.791c-1.284%200-2.673%201.27-2.673%201.892c0%20.616.73%201.336%201.078%201.614zm-3.068-.8a60%2060%200%200%200-1.473%201.412c.73.193%201.27.22%201.459.207c.188.014.753-.014%201.525-.207A56%2056%200%200%200%2012%2010.824m-2.184%204.353a4.7%204.7%200%200%200-1.129-1.322c-.73.654-.974%201.303-.974%201.717c0%20.41.315.72.626.72c.668%200%201.195-.725%201.407-1.016a.3.3%200%200%201%20.07-.094zm5.535-1.322a4.7%204.7%200%200%200-1.13%201.322l.07.094c.213.297.735%201.021%201.403%201.021c.315%200%20.626-.31.626-.72c0-.414-.24-1.063-.97-1.717%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.903%2018.089a2.9%202.9%200%200%201-1.261.264c-.8%200-1.76-.688-1.76-2.024c0-1.341%201.341-2.95%201.656-3.261a9%209%200%200%201%201.144.79c-.73.65-.918%201.304-.918%201.713s.264.72.574.72c.669%200%201.21-.743%201.421-1.035l.057-.08c.141.282.221.574.221.875c0%20.843-.546%201.544-1.13%202.038zm7.567-5.007c.344.339%201.647%201.93%201.647%203.247c0%201.336-.965%202.023-1.76%202.023c-.475%200-.861-.089-1.186-.23c-.602-.49-1.29-1.21-1.29-2.07c0-.302.194-.594.34-.876c.16.216.734%201.115%201.473%201.115c.315%200%20.626-.31.626-.72s-.24-1.063-.965-1.713a9%209%200%200%201%201.12-.78zM8.46%206.32c.66.338%201.271.762%201.751%201.18a3.24%203.24%200%200%200%201.788.791a3.25%203.25%200%200%200%201.789-.79a8.7%208.7%200%200%201%201.788-1.2a5.2%205.2%200%200%201%201.299-.184c.8%200%201.242.49%201.242%201.28c0%20.824-.306%201.506-.894%202.217c.235-.306.386-.55.452-.706c0-.344-.283-.79-1.007-.79c-1.285%200-2.673%201.27-2.673%201.891c0%20.612.71%201.318%201.063%201.6a4.9%204.9%200%200%201-1.553.626A47%2047%200%200%200%2012%2010.823a60%2060%200%200%200-1.473%201.412l.222.056a4.5%204.5%200%200%201-1.78-.677c.354-.278%201.07-.989%201.07-1.605c0-.621-1.39-1.892-2.674-1.892c-.725%200-1.002.447-1.002.79a1%201%200%200%200%20.094.184a3.3%203.3%200%200%201-.574-1.694c0-.79.41-1.28%201.205-1.28c.47%200%20.95.085%201.374.203%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd187%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/nom-background.svg?color=%231a73e8&size=48
