otk logo
otk-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- otk-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 otk 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(#SVGHcSWxdhd134)"><path fill="url(#SVG9XmjqcWJ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.977 13.74c.085-.375-.09-.75-.41-.965l-.41-.275l-1.01.5c.76 0 1.4.345 1.35.585a7.565 7.565 0 0 1-7.41 5.915A7.54 7.54 0 0 1 4.502 12c0-4.14 3.395-7.5 7.58-7.5c3.635 0 6.675 2.535 7.41 5.915c.05.25-.59.585-1.35.585l1.01.5l.4-.25a.92.92 0 0 0 .425-.975A8.07 8.07 0 0 0 12.082 4a8.04 8.04 0 0 0-8.08 8c0 4.42 3.62 8 8.085 8c3.86 0 7.09-2.68 7.89-6.26m-6.73-.18a3.15 3.15 0 0 0 1.815-2.895c0-1.75-1.365-3.165-3.07-3.165s-3.06 1.45-3.06 3.2a3.1 3.1 0 0 0 1.82 2.865l-1.165 1.01c-.24-.265-.8-.8-1.085-.865c.135.16.295.45.44.72c.155.285.3.55.4.635c.18.15 1.065.035 1.57-.55v.15l-.765 1.225a2.6 2.6 0 0 0-1.145-.425l.07.055c.135.11.265.21.43.41c.2.25.395.485.51.55c.22.115 1.185-.225 1.515-1.015l.475-.465l.46.425c.31.82 1.305 1.17 1.53 1.05c.115-.06.305-.295.51-.545c.14-.17.255-.25.37-.335l.13-.095c-.408.036-.8.17-1.145.39l-.78-1.24l.04-.115c.5.565 1.365.675 1.54.53c.105-.085.25-.35.4-.635c.15-.27.31-.56.445-.72c-.29.065-.845.6-1.085.865zm-1.205-2.96h-.08l-.135.175c-.26.34-.555.725-.935.725c-.49 0-.89-.45-.89-1c0-.52.35-.945.8-.995V9.5h2.49v.02c.4.095.71.5.71.98c0 .55-.4 1-.89 1c-.38 0-.675-.385-.935-.725z"/></g><defs><linearGradient id="SVG9XmjqcWJ" x1="12.002" x2="12.002" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#a520b6"/><stop offset="1" stop-color="#15e6fc"/></linearGradient><clipPath id="SVGHcSWxdhd134"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedOtkBackground(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(#SVGHcSWxdhd134)"><path fill="url(#SVG9XmjqcWJ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.977 13.74c.085-.375-.09-.75-.41-.965l-.41-.275l-1.01.5c.76 0 1.4.345 1.35.585a7.565 7.565 0 0 1-7.41 5.915A7.54 7.54 0 0 1 4.502 12c0-4.14 3.395-7.5 7.58-7.5c3.635 0 6.675 2.535 7.41 5.915c.05.25-.59.585-1.35.585l1.01.5l.4-.25a.92.92 0 0 0 .425-.975A8.07 8.07 0 0 0 12.082 4a8.04 8.04 0 0 0-8.08 8c0 4.42 3.62 8 8.085 8c3.86 0 7.09-2.68 7.89-6.26m-6.73-.18a3.15 3.15 0 0 0 1.815-2.895c0-1.75-1.365-3.165-3.07-3.165s-3.06 1.45-3.06 3.2a3.1 3.1 0 0 0 1.82 2.865l-1.165 1.01c-.24-.265-.8-.8-1.085-.865c.135.16.295.45.44.72c.155.285.3.55.4.635c.18.15 1.065.035 1.57-.55v.15l-.765 1.225a2.6 2.6 0 0 0-1.145-.425l.07.055c.135.11.265.21.43.41c.2.25.395.485.51.55c.22.115 1.185-.225 1.515-1.015l.475-.465l.46.425c.31.82 1.305 1.17 1.53 1.05c.115-.06.305-.295.51-.545c.14-.17.255-.25.37-.335l.13-.095c-.408.036-.8.17-1.145.39l-.78-1.24l.04-.115c.5.565 1.365.675 1.54.53c.105-.085.25-.35.4-.635c.15-.27.31-.56.445-.72c-.29.065-.845.6-1.085.865zm-1.205-2.96h-.08l-.135.175c-.26.34-.555.725-.935.725c-.49 0-.89-.45-.89-1c0-.52.35-.945.8-.995V9.5h2.49v.02c.4.095.71.5.71.98c0 .55-.4 1-.89 1c-.38 0-.675-.385-.935-.725z"/></g><defs><linearGradient id="SVG9XmjqcWJ" x1="12.002" x2="12.002" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stopColor="#a520b6"/><stop offset="1" stopColor="#15e6fc"/></linearGradient><clipPath id="SVGHcSWxdhd134"><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(#SVGHcSWxdhd134)"><path fill="url(#SVG9XmjqcWJ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.977 13.74c.085-.375-.09-.75-.41-.965l-.41-.275l-1.01.5c.76 0 1.4.345 1.35.585a7.565 7.565 0 0 1-7.41 5.915A7.54 7.54 0 0 1 4.502 12c0-4.14 3.395-7.5 7.58-7.5c3.635 0 6.675 2.535 7.41 5.915c.05.25-.59.585-1.35.585l1.01.5l.4-.25a.92.92 0 0 0 .425-.975A8.07 8.07 0 0 0 12.082 4a8.04 8.04 0 0 0-8.08 8c0 4.42 3.62 8 8.085 8c3.86 0 7.09-2.68 7.89-6.26m-6.73-.18a3.15 3.15 0 0 0 1.815-2.895c0-1.75-1.365-3.165-3.07-3.165s-3.06 1.45-3.06 3.2a3.1 3.1 0 0 0 1.82 2.865l-1.165 1.01c-.24-.265-.8-.8-1.085-.865c.135.16.295.45.44.72c.155.285.3.55.4.635c.18.15 1.065.035 1.57-.55v.15l-.765 1.225a2.6 2.6 0 0 0-1.145-.425l.07.055c.135.11.265.21.43.41c.2.25.395.485.51.55c.22.115 1.185-.225 1.515-1.015l.475-.465l.46.425c.31.82 1.305 1.17 1.53 1.05c.115-.06.305-.295.51-.545c.14-.17.255-.25.37-.335l.13-.095c-.408.036-.8.17-1.145.39l-.78-1.24l.04-.115c.5.565 1.365.675 1.54.53c.105-.085.25-.35.4-.635c.15-.27.31-.56.445-.72c-.29.065-.845.6-1.085.865zm-1.205-2.96h-.08l-.135.175c-.26.34-.555.725-.935.725c-.49 0-.89-.45-.89-1c0-.52.35-.945.8-.995V9.5h2.49v.02c.4.095.71.5.71.98c0 .55-.4 1-.89 1c-.38 0-.675-.385-.935-.725z"/></g><defs><linearGradient id="SVG9XmjqcWJ" x1="12.002" x2="12.002" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#a520b6"/><stop offset="1" stop-color="#15e6fc"/></linearGradient><clipPath id="SVGHcSWxdhd134"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-otk-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(%23SVGHcSWxdhd134)%22%3E%3Cpath%20fill%3D%22url(%23SVG9XmjqcWJ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.977%2013.74c.085-.375-.09-.75-.41-.965l-.41-.275l-1.01.5c.76%200%201.4.345%201.35.585a7.565%207.565%200%200%201-7.41%205.915A7.54%207.54%200%200%201%204.502%2012c0-4.14%203.395-7.5%207.58-7.5c3.635%200%206.675%202.535%207.41%205.915c.05.25-.59.585-1.35.585l1.01.5l.4-.25a.92.92%200%200%200%20.425-.975A8.07%208.07%200%200%200%2012.082%204a8.04%208.04%200%200%200-8.08%208c0%204.42%203.62%208%208.085%208c3.86%200%207.09-2.68%207.89-6.26m-6.73-.18a3.15%203.15%200%200%200%201.815-2.895c0-1.75-1.365-3.165-3.07-3.165s-3.06%201.45-3.06%203.2a3.1%203.1%200%200%200%201.82%202.865l-1.165%201.01c-.24-.265-.8-.8-1.085-.865c.135.16.295.45.44.72c.155.285.3.55.4.635c.18.15%201.065.035%201.57-.55v.15l-.765%201.225a2.6%202.6%200%200%200-1.145-.425l.07.055c.135.11.265.21.43.41c.2.25.395.485.51.55c.22.115%201.185-.225%201.515-1.015l.475-.465l.46.425c.31.82%201.305%201.17%201.53%201.05c.115-.06.305-.295.51-.545c.14-.17.255-.25.37-.335l.13-.095c-.408.036-.8.17-1.145.39l-.78-1.24l.04-.115c.5.565%201.365.675%201.54.53c.105-.085.25-.35.4-.635c.15-.27.31-.56.445-.72c-.29.065-.845.6-1.085.865zm-1.205-2.96h-.08l-.135.175c-.26.34-.555.725-.935.725c-.49%200-.89-.45-.89-1c0-.52.35-.945.8-.995V9.5h2.49v.02c.4.095.71.5.71.98c0%20.55-.4%201-.89%201c-.38%200-.675-.385-.935-.725z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG9XmjqcWJ%22%20x1%3D%2212.002%22%20x2%3D%2212.002%22%20y1%3D%224%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a520b6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2315e6fc%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd134%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(%23SVGHcSWxdhd134)%22%3E%3Cpath%20fill%3D%22url(%23SVG9XmjqcWJ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.977%2013.74c.085-.375-.09-.75-.41-.965l-.41-.275l-1.01.5c.76%200%201.4.345%201.35.585a7.565%207.565%200%200%201-7.41%205.915A7.54%207.54%200%200%201%204.502%2012c0-4.14%203.395-7.5%207.58-7.5c3.635%200%206.675%202.535%207.41%205.915c.05.25-.59.585-1.35.585l1.01.5l.4-.25a.92.92%200%200%200%20.425-.975A8.07%208.07%200%200%200%2012.082%204a8.04%208.04%200%200%200-8.08%208c0%204.42%203.62%208%208.085%208c3.86%200%207.09-2.68%207.89-6.26m-6.73-.18a3.15%203.15%200%200%200%201.815-2.895c0-1.75-1.365-3.165-3.07-3.165s-3.06%201.45-3.06%203.2a3.1%203.1%200%200%200%201.82%202.865l-1.165%201.01c-.24-.265-.8-.8-1.085-.865c.135.16.295.45.44.72c.155.285.3.55.4.635c.18.15%201.065.035%201.57-.55v.15l-.765%201.225a2.6%202.6%200%200%200-1.145-.425l.07.055c.135.11.265.21.43.41c.2.25.395.485.51.55c.22.115%201.185-.225%201.515-1.015l.475-.465l.46.425c.31.82%201.305%201.17%201.53%201.05c.115-.06.305-.295.51-.545c.14-.17.255-.25.37-.335l.13-.095c-.408.036-.8.17-1.145.39l-.78-1.24l.04-.115c.5.565%201.365.675%201.54.53c.105-.085.25-.35.4-.635c.15-.27.31-.56.445-.72c-.29.065-.845.6-1.085.865zm-1.205-2.96h-.08l-.135.175c-.26.34-.555.725-.935.725c-.49%200-.89-.45-.89-1c0-.52.35-.945.8-.995V9.5h2.49v.02c.4.095.71.5.71.98c0%20.55-.4%201-.89%201c-.38%200-.675-.385-.935-.725z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG9XmjqcWJ%22%20x1%3D%2212.002%22%20x2%3D%2212.002%22%20y1%3D%224%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a520b6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2315e6fc%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd134%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/otk-background.svg?color=%231a73e8&size=48
