silk logo
silk-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- silk-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 silk 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(#SVGHcSWxdhd98)"><path fill="#39c" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-.5 0a7.5 7.5 0 1 1-15 0a7.5 7.5 0 0 1 15 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M17.339 15.796a6.4 6.4 0 0 0 1.161-2.807a1.05 1.05 0 0 1-.701-.989a1.05 1.05 0 0 1 .701-.988a6.4 6.4 0 0 0-1.225-2.893q-.198.088-.431.09c-.587 0-1.064-.47-1.064-1.051c0-.143.03-.285.087-.416A6.6 6.6 0 0 0 12 5.5a6.6 6.6 0 0 0-3.895 1.263q.076.184.077.395c0 .58-.476 1.051-1.064 1.051q-.215-.001-.402-.077A6.4 6.4 0 0 0 5.5 11.028c.385.159.656.534.656.972a1.05 1.05 0 0 1-.656.972a6.4 6.4 0 0 0 1.157 2.814c.143-.071.305-.11.476-.11c.587 0 1.064.47 1.064 1.05c0 .177-.044.343-.122.489a6.6 6.6 0 0 0 3.926 1.285a6.6 6.6 0 0 0 3.908-1.272a1.04 1.04 0 0 1-.129-.502c0-.58.477-1.05 1.064-1.05c.172-.001.342.04.495.12m-4.144-4.21c.285-.347.844-1.233.803-1.987c-.052-.942-.62-1.993-2.023-3.1C11.285 7.027 10 8.202 10 9.6c0 1.16.485 1.674.758 1.964l.023.024l1.634 1.647c.158.166.468.624.438 1.13c-.036.632-.487 1.215-.853 1.531c-.289-.162-.873-.695-.902-1.531c-.02-.207.043-.734.463-1.191l-.78-.79c-.26.226-.78.94-.78 1.98c0 1.302 1.011 2.274 1.999 3.137c.665-.519 1.998-1.872 1.998-3.136s-.91-2.22-1.364-2.54l-1.073-1.034c-.154-.126-.463-.54-.463-1.19c0-.652.585-1.301.878-1.544c.292.226.877.853.877 1.543s-.292 1.082-.438 1.191z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd98"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSilkBackground(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(#SVGHcSWxdhd98)"><path fill="#39c" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-.5 0a7.5 7.5 0 1 1-15 0a7.5 7.5 0 0 1 15 0" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M17.339 15.796a6.4 6.4 0 0 0 1.161-2.807a1.05 1.05 0 0 1-.701-.989a1.05 1.05 0 0 1 .701-.988a6.4 6.4 0 0 0-1.225-2.893q-.198.088-.431.09c-.587 0-1.064-.47-1.064-1.051c0-.143.03-.285.087-.416A6.6 6.6 0 0 0 12 5.5a6.6 6.6 0 0 0-3.895 1.263q.076.184.077.395c0 .58-.476 1.051-1.064 1.051q-.215-.001-.402-.077A6.4 6.4 0 0 0 5.5 11.028c.385.159.656.534.656.972a1.05 1.05 0 0 1-.656.972a6.4 6.4 0 0 0 1.157 2.814c.143-.071.305-.11.476-.11c.587 0 1.064.47 1.064 1.05c0 .177-.044.343-.122.489a6.6 6.6 0 0 0 3.926 1.285a6.6 6.6 0 0 0 3.908-1.272a1.04 1.04 0 0 1-.129-.502c0-.58.477-1.05 1.064-1.05c.172-.001.342.04.495.12m-4.144-4.21c.285-.347.844-1.233.803-1.987c-.052-.942-.62-1.993-2.023-3.1C11.285 7.027 10 8.202 10 9.6c0 1.16.485 1.674.758 1.964l.023.024l1.634 1.647c.158.166.468.624.438 1.13c-.036.632-.487 1.215-.853 1.531c-.289-.162-.873-.695-.902-1.531c-.02-.207.043-.734.463-1.191l-.78-.79c-.26.226-.78.94-.78 1.98c0 1.302 1.011 2.274 1.999 3.137c.665-.519 1.998-1.872 1.998-3.136s-.91-2.22-1.364-2.54l-1.073-1.034c-.154-.126-.463-.54-.463-1.19c0-.652.585-1.301.878-1.544c.292.226.877.853.877 1.543s-.292 1.082-.438 1.191z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd98"><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(#SVGHcSWxdhd98)"><path fill="#39c" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-.5 0a7.5 7.5 0 1 1-15 0a7.5 7.5 0 0 1 15 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M17.339 15.796a6.4 6.4 0 0 0 1.161-2.807a1.05 1.05 0 0 1-.701-.989a1.05 1.05 0 0 1 .701-.988a6.4 6.4 0 0 0-1.225-2.893q-.198.088-.431.09c-.587 0-1.064-.47-1.064-1.051c0-.143.03-.285.087-.416A6.6 6.6 0 0 0 12 5.5a6.6 6.6 0 0 0-3.895 1.263q.076.184.077.395c0 .58-.476 1.051-1.064 1.051q-.215-.001-.402-.077A6.4 6.4 0 0 0 5.5 11.028c.385.159.656.534.656.972a1.05 1.05 0 0 1-.656.972a6.4 6.4 0 0 0 1.157 2.814c.143-.071.305-.11.476-.11c.587 0 1.064.47 1.064 1.05c0 .177-.044.343-.122.489a6.6 6.6 0 0 0 3.926 1.285a6.6 6.6 0 0 0 3.908-1.272a1.04 1.04 0 0 1-.129-.502c0-.58.477-1.05 1.064-1.05c.172-.001.342.04.495.12m-4.144-4.21c.285-.347.844-1.233.803-1.987c-.052-.942-.62-1.993-2.023-3.1C11.285 7.027 10 8.202 10 9.6c0 1.16.485 1.674.758 1.964l.023.024l1.634 1.647c.158.166.468.624.438 1.13c-.036.632-.487 1.215-.853 1.531c-.289-.162-.873-.695-.902-1.531c-.02-.207.043-.734.463-1.191l-.78-.79c-.26.226-.78.94-.78 1.98c0 1.302 1.011 2.274 1.999 3.137c.665-.519 1.998-1.872 1.998-3.136s-.91-2.22-1.364-2.54l-1.073-1.034c-.154-.126-.463-.54-.463-1.19c0-.652.585-1.301.878-1.544c.292.226.877.853.877 1.543s-.292 1.082-.438 1.191z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd98"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-silk-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(%23SVGHcSWxdhd98)%22%3E%3Cpath%20fill%3D%22%2339c%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2012a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m-.5%200a7.5%207.5%200%201%201-15%200a7.5%207.5%200%200%201%2015%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.339%2015.796a6.4%206.4%200%200%200%201.161-2.807a1.05%201.05%200%200%201-.701-.989a1.05%201.05%200%200%201%20.701-.988a6.4%206.4%200%200%200-1.225-2.893q-.198.088-.431.09c-.587%200-1.064-.47-1.064-1.051c0-.143.03-.285.087-.416A6.6%206.6%200%200%200%2012%205.5a6.6%206.6%200%200%200-3.895%201.263q.076.184.077.395c0%20.58-.476%201.051-1.064%201.051q-.215-.001-.402-.077A6.4%206.4%200%200%200%205.5%2011.028c.385.159.656.534.656.972a1.05%201.05%200%200%201-.656.972a6.4%206.4%200%200%200%201.157%202.814c.143-.071.305-.11.476-.11c.587%200%201.064.47%201.064%201.05c0%20.177-.044.343-.122.489a6.6%206.6%200%200%200%203.926%201.285a6.6%206.6%200%200%200%203.908-1.272a1.04%201.04%200%200%201-.129-.502c0-.58.477-1.05%201.064-1.05c.172-.001.342.04.495.12m-4.144-4.21c.285-.347.844-1.233.803-1.987c-.052-.942-.62-1.993-2.023-3.1C11.285%207.027%2010%208.202%2010%209.6c0%201.16.485%201.674.758%201.964l.023.024l1.634%201.647c.158.166.468.624.438%201.13c-.036.632-.487%201.215-.853%201.531c-.289-.162-.873-.695-.902-1.531c-.02-.207.043-.734.463-1.191l-.78-.79c-.26.226-.78.94-.78%201.98c0%201.302%201.011%202.274%201.999%203.137c.665-.519%201.998-1.872%201.998-3.136s-.91-2.22-1.364-2.54l-1.073-1.034c-.154-.126-.463-.54-.463-1.19c0-.652.585-1.301.878-1.544c.292.226.877.853.877%201.543s-.292%201.082-.438%201.191z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd98%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(%23SVGHcSWxdhd98)%22%3E%3Cpath%20fill%3D%22%2339c%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2012a8%208%200%201%201-16%200a8%208%200%200%201%2016%200m-.5%200a7.5%207.5%200%201%201-15%200a7.5%207.5%200%200%201%2015%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.339%2015.796a6.4%206.4%200%200%200%201.161-2.807a1.05%201.05%200%200%201-.701-.989a1.05%201.05%200%200%201%20.701-.988a6.4%206.4%200%200%200-1.225-2.893q-.198.088-.431.09c-.587%200-1.064-.47-1.064-1.051c0-.143.03-.285.087-.416A6.6%206.6%200%200%200%2012%205.5a6.6%206.6%200%200%200-3.895%201.263q.076.184.077.395c0%20.58-.476%201.051-1.064%201.051q-.215-.001-.402-.077A6.4%206.4%200%200%200%205.5%2011.028c.385.159.656.534.656.972a1.05%201.05%200%200%201-.656.972a6.4%206.4%200%200%200%201.157%202.814c.143-.071.305-.11.476-.11c.587%200%201.064.47%201.064%201.05c0%20.177-.044.343-.122.489a6.6%206.6%200%200%200%203.926%201.285a6.6%206.6%200%200%200%203.908-1.272a1.04%201.04%200%200%201-.129-.502c0-.58.477-1.05%201.064-1.05c.172-.001.342.04.495.12m-4.144-4.21c.285-.347.844-1.233.803-1.987c-.052-.942-.62-1.993-2.023-3.1C11.285%207.027%2010%208.202%2010%209.6c0%201.16.485%201.674.758%201.964l.023.024l1.634%201.647c.158.166.468.624.438%201.13c-.036.632-.487%201.215-.853%201.531c-.289-.162-.873-.695-.902-1.531c-.02-.207.043-.734.463-1.191l-.78-.79c-.26.226-.78.94-.78%201.98c0%201.302%201.011%202.274%201.999%203.137c.665-.519%201.998-1.872%201.998-3.136s-.91-2.22-1.364-2.54l-1.073-1.034c-.154-.126-.463-.54-.463-1.19c0-.652.585-1.301.878-1.544c.292.226.877.853.877%201.543s-.292%201.082-.438%201.191z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd98%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/silk-background.svg?color=%231a73e8&size=48
