orn logo
orn from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- orn
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the orn logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGNCAyIb9z)" d="M10.43 4.248c-2.116 0-4.63 1.434-5.562 2.716c1.765-1.131 4.583-1.603 5.45-1.483c3.514.564 4.69 3.715 4.868 5.33c1.342.528 3.994.688 2.572-2.12c-1.773-3.5-4.732-4.443-7.327-4.443"/><path fill="url(#SVGpE7GLAzm)" d="M9.125 17.327c3.376 0 6.114-2.699 6.114-6.028S12.5 5.271 9.125 5.271S3.01 7.971 3.01 11.3c0 3.33 2.737 6.028 6.114 6.028"/><path fill="#25253b" d="M10.504 16.65a4.392 4.392 0 1 0 0-8.784a4.392 4.392 0 0 0 0 8.785"/><path fill="url(#SVGEHBxQeWQ)" d="M20.455 10.864c.83-.582.542-1.758.245-2.155c-.456-.614-1.096-.69-1.354-.66c-2.046.231-3.718 2.5-4.37 3.616l2.564 1.777c.12-.168.436-.672.947-1.258c.62-.71 1.449-.956 1.968-1.32"/><path fill="url(#SVGCixSCc2p)" d="M18.451 11.263c.44-.913-.334-1.724-.787-1.926c-.698-.313-1.23-.09-1.388 0c-1.673 1.2-2.14 4.083-2.165 5.374l3.407.431c.023-.205.073-.827.088-1.665c.016-.838.635-1.777.845-2.214"/><path fill="url(#SVGutNVod6d)" d="M10.53 19.752c-4.675 0-7.737-4.224-7.52-8.268c1.51 5.05 5.19 6.111 7.52 5.567c1.865-.435 3.538-2.319 4.194-3.24c.267-.375 1.262-.516 2.089-.065s1.025 1.442.827 1.81c-1.975 3.69-5.328 4.196-7.11 4.196"/><path fill="url(#SVGFwj9pcNJ)" d="M17.997 7.349a1.55 1.55 0 1 0 0-3.101a1.55 1.55 0 0 0 0 3.1"/><defs><linearGradient id="SVGNCAyIb9z" x1="4.677" x2="21.911" y1="7.849" y2="11.592" gradientUnits="userSpaceOnUse"><stop stop-color="#5d86bc"/><stop offset=".614" stop-color="#6cc3d7"/></linearGradient><linearGradient id="SVGpE7GLAzm" x1="3.962" x2="19.506" y1="9.172" y2="15.587" gradientUnits="userSpaceOnUse"><stop offset=".226" stop-color="#94d0da"/><stop offset="1" stop-color="#3f65ae"/></linearGradient><linearGradient id="SVGEHBxQeWQ" x1="16.928" x2="8.951" y1="4.001" y2="18.835" gradientUnits="userSpaceOnUse"><stop stop-color="#f57240"/><stop offset="1" stop-color="#fbe18c"/></linearGradient><linearGradient id="SVGCixSCc2p" x1="4.594" x2="17.611" y1="13.56" y2="3.923" gradientUnits="userSpaceOnUse"><stop offset=".212" stop-color="#583d90"/><stop offset="1" stop-color="#dc719b"/></linearGradient><linearGradient id="SVGutNVod6d" x1="2.874" x2="20.644" y1="5.051" y2="8.847" gradientUnits="userSpaceOnUse"><stop stop-color="#4fa2c5"/><stop offset="1" stop-color="#fd7813"/></linearGradient><linearGradient id="SVGFwj9pcNJ" x1="18.901" x2="17.068" y1="4.767" y2="6.905" gradientUnits="userSpaceOnUse"><stop stop-color="#b1599b"/><stop offset="1" stop-color="#5b418b"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedOrn(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"><path fill="url(#SVGNCAyIb9z)" d="M10.43 4.248c-2.116 0-4.63 1.434-5.562 2.716c1.765-1.131 4.583-1.603 5.45-1.483c3.514.564 4.69 3.715 4.868 5.33c1.342.528 3.994.688 2.572-2.12c-1.773-3.5-4.732-4.443-7.327-4.443"/><path fill="url(#SVGpE7GLAzm)" d="M9.125 17.327c3.376 0 6.114-2.699 6.114-6.028S12.5 5.271 9.125 5.271S3.01 7.971 3.01 11.3c0 3.33 2.737 6.028 6.114 6.028"/><path fill="#25253b" d="M10.504 16.65a4.392 4.392 0 1 0 0-8.784a4.392 4.392 0 0 0 0 8.785"/><path fill="url(#SVGEHBxQeWQ)" d="M20.455 10.864c.83-.582.542-1.758.245-2.155c-.456-.614-1.096-.69-1.354-.66c-2.046.231-3.718 2.5-4.37 3.616l2.564 1.777c.12-.168.436-.672.947-1.258c.62-.71 1.449-.956 1.968-1.32"/><path fill="url(#SVGCixSCc2p)" d="M18.451 11.263c.44-.913-.334-1.724-.787-1.926c-.698-.313-1.23-.09-1.388 0c-1.673 1.2-2.14 4.083-2.165 5.374l3.407.431c.023-.205.073-.827.088-1.665c.016-.838.635-1.777.845-2.214"/><path fill="url(#SVGutNVod6d)" d="M10.53 19.752c-4.675 0-7.737-4.224-7.52-8.268c1.51 5.05 5.19 6.111 7.52 5.567c1.865-.435 3.538-2.319 4.194-3.24c.267-.375 1.262-.516 2.089-.065s1.025 1.442.827 1.81c-1.975 3.69-5.328 4.196-7.11 4.196"/><path fill="url(#SVGFwj9pcNJ)" d="M17.997 7.349a1.55 1.55 0 1 0 0-3.101a1.55 1.55 0 0 0 0 3.1"/><defs><linearGradient id="SVGNCAyIb9z" x1="4.677" x2="21.911" y1="7.849" y2="11.592" gradientUnits="userSpaceOnUse"><stop stopColor="#5d86bc"/><stop offset=".614" stopColor="#6cc3d7"/></linearGradient><linearGradient id="SVGpE7GLAzm" x1="3.962" x2="19.506" y1="9.172" y2="15.587" gradientUnits="userSpaceOnUse"><stop offset=".226" stopColor="#94d0da"/><stop offset="1" stopColor="#3f65ae"/></linearGradient><linearGradient id="SVGEHBxQeWQ" x1="16.928" x2="8.951" y1="4.001" y2="18.835" gradientUnits="userSpaceOnUse"><stop stopColor="#f57240"/><stop offset="1" stopColor="#fbe18c"/></linearGradient><linearGradient id="SVGCixSCc2p" x1="4.594" x2="17.611" y1="13.56" y2="3.923" gradientUnits="userSpaceOnUse"><stop offset=".212" stopColor="#583d90"/><stop offset="1" stopColor="#dc719b"/></linearGradient><linearGradient id="SVGutNVod6d" x1="2.874" x2="20.644" y1="5.051" y2="8.847" gradientUnits="userSpaceOnUse"><stop stopColor="#4fa2c5"/><stop offset="1" stopColor="#fd7813"/></linearGradient><linearGradient id="SVGFwj9pcNJ" x1="18.901" x2="17.068" y1="4.767" y2="6.905" gradientUnits="userSpaceOnUse"><stop stopColor="#b1599b"/><stop offset="1" stopColor="#5b418b"/></linearGradient></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"><path fill="url(#SVGNCAyIb9z)" d="M10.43 4.248c-2.116 0-4.63 1.434-5.562 2.716c1.765-1.131 4.583-1.603 5.45-1.483c3.514.564 4.69 3.715 4.868 5.33c1.342.528 3.994.688 2.572-2.12c-1.773-3.5-4.732-4.443-7.327-4.443"/><path fill="url(#SVGpE7GLAzm)" d="M9.125 17.327c3.376 0 6.114-2.699 6.114-6.028S12.5 5.271 9.125 5.271S3.01 7.971 3.01 11.3c0 3.33 2.737 6.028 6.114 6.028"/><path fill="#25253b" d="M10.504 16.65a4.392 4.392 0 1 0 0-8.784a4.392 4.392 0 0 0 0 8.785"/><path fill="url(#SVGEHBxQeWQ)" d="M20.455 10.864c.83-.582.542-1.758.245-2.155c-.456-.614-1.096-.69-1.354-.66c-2.046.231-3.718 2.5-4.37 3.616l2.564 1.777c.12-.168.436-.672.947-1.258c.62-.71 1.449-.956 1.968-1.32"/><path fill="url(#SVGCixSCc2p)" d="M18.451 11.263c.44-.913-.334-1.724-.787-1.926c-.698-.313-1.23-.09-1.388 0c-1.673 1.2-2.14 4.083-2.165 5.374l3.407.431c.023-.205.073-.827.088-1.665c.016-.838.635-1.777.845-2.214"/><path fill="url(#SVGutNVod6d)" d="M10.53 19.752c-4.675 0-7.737-4.224-7.52-8.268c1.51 5.05 5.19 6.111 7.52 5.567c1.865-.435 3.538-2.319 4.194-3.24c.267-.375 1.262-.516 2.089-.065s1.025 1.442.827 1.81c-1.975 3.69-5.328 4.196-7.11 4.196"/><path fill="url(#SVGFwj9pcNJ)" d="M17.997 7.349a1.55 1.55 0 1 0 0-3.101a1.55 1.55 0 0 0 0 3.1"/><defs><linearGradient id="SVGNCAyIb9z" x1="4.677" x2="21.911" y1="7.849" y2="11.592" gradientUnits="userSpaceOnUse"><stop stop-color="#5d86bc"/><stop offset=".614" stop-color="#6cc3d7"/></linearGradient><linearGradient id="SVGpE7GLAzm" x1="3.962" x2="19.506" y1="9.172" y2="15.587" gradientUnits="userSpaceOnUse"><stop offset=".226" stop-color="#94d0da"/><stop offset="1" stop-color="#3f65ae"/></linearGradient><linearGradient id="SVGEHBxQeWQ" x1="16.928" x2="8.951" y1="4.001" y2="18.835" gradientUnits="userSpaceOnUse"><stop stop-color="#f57240"/><stop offset="1" stop-color="#fbe18c"/></linearGradient><linearGradient id="SVGCixSCc2p" x1="4.594" x2="17.611" y1="13.56" y2="3.923" gradientUnits="userSpaceOnUse"><stop offset=".212" stop-color="#583d90"/><stop offset="1" stop-color="#dc719b"/></linearGradient><linearGradient id="SVGutNVod6d" x1="2.874" x2="20.644" y1="5.051" y2="8.847" gradientUnits="userSpaceOnUse"><stop stop-color="#4fa2c5"/><stop offset="1" stop-color="#fd7813"/></linearGradient><linearGradient id="SVGFwj9pcNJ" x1="18.901" x2="17.068" y1="4.767" y2="6.905" gradientUnits="userSpaceOnUse"><stop stop-color="#b1599b"/><stop offset="1" stop-color="#5b418b"/></linearGradient></defs></g></svg> </template>
CSS
.icon-orn {
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%3Cpath%20fill%3D%22url(%23SVGNCAyIb9z)%22%20d%3D%22M10.43%204.248c-2.116%200-4.63%201.434-5.562%202.716c1.765-1.131%204.583-1.603%205.45-1.483c3.514.564%204.69%203.715%204.868%205.33c1.342.528%203.994.688%202.572-2.12c-1.773-3.5-4.732-4.443-7.327-4.443%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGpE7GLAzm)%22%20d%3D%22M9.125%2017.327c3.376%200%206.114-2.699%206.114-6.028S12.5%205.271%209.125%205.271S3.01%207.971%203.01%2011.3c0%203.33%202.737%206.028%206.114%206.028%22%2F%3E%3Cpath%20fill%3D%22%2325253b%22%20d%3D%22M10.504%2016.65a4.392%204.392%200%201%200%200-8.784a4.392%204.392%200%200%200%200%208.785%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEHBxQeWQ)%22%20d%3D%22M20.455%2010.864c.83-.582.542-1.758.245-2.155c-.456-.614-1.096-.69-1.354-.66c-2.046.231-3.718%202.5-4.37%203.616l2.564%201.777c.12-.168.436-.672.947-1.258c.62-.71%201.449-.956%201.968-1.32%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCixSCc2p)%22%20d%3D%22M18.451%2011.263c.44-.913-.334-1.724-.787-1.926c-.698-.313-1.23-.09-1.388%200c-1.673%201.2-2.14%204.083-2.165%205.374l3.407.431c.023-.205.073-.827.088-1.665c.016-.838.635-1.777.845-2.214%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGutNVod6d)%22%20d%3D%22M10.53%2019.752c-4.675%200-7.737-4.224-7.52-8.268c1.51%205.05%205.19%206.111%207.52%205.567c1.865-.435%203.538-2.319%204.194-3.24c.267-.375%201.262-.516%202.089-.065s1.025%201.442.827%201.81c-1.975%203.69-5.328%204.196-7.11%204.196%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGFwj9pcNJ)%22%20d%3D%22M17.997%207.349a1.55%201.55%200%201%200%200-3.101a1.55%201.55%200%200%200%200%203.1%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGNCAyIb9z%22%20x1%3D%224.677%22%20x2%3D%2221.911%22%20y1%3D%227.849%22%20y2%3D%2211.592%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235d86bc%22%2F%3E%3Cstop%20offset%3D%22.614%22%20stop-color%3D%22%236cc3d7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGpE7GLAzm%22%20x1%3D%223.962%22%20x2%3D%2219.506%22%20y1%3D%229.172%22%20y2%3D%2215.587%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.226%22%20stop-color%3D%22%2394d0da%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233f65ae%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGEHBxQeWQ%22%20x1%3D%2216.928%22%20x2%3D%228.951%22%20y1%3D%224.001%22%20y2%3D%2218.835%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f57240%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fbe18c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCixSCc2p%22%20x1%3D%224.594%22%20x2%3D%2217.611%22%20y1%3D%2213.56%22%20y2%3D%223.923%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.212%22%20stop-color%3D%22%23583d90%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dc719b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGutNVod6d%22%20x1%3D%222.874%22%20x2%3D%2220.644%22%20y1%3D%225.051%22%20y2%3D%228.847%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234fa2c5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fd7813%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGFwj9pcNJ%22%20x1%3D%2218.901%22%20x2%3D%2217.068%22%20y1%3D%224.767%22%20y2%3D%226.905%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b1599b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235b418b%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGNCAyIb9z)%22%20d%3D%22M10.43%204.248c-2.116%200-4.63%201.434-5.562%202.716c1.765-1.131%204.583-1.603%205.45-1.483c3.514.564%204.69%203.715%204.868%205.33c1.342.528%203.994.688%202.572-2.12c-1.773-3.5-4.732-4.443-7.327-4.443%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGpE7GLAzm)%22%20d%3D%22M9.125%2017.327c3.376%200%206.114-2.699%206.114-6.028S12.5%205.271%209.125%205.271S3.01%207.971%203.01%2011.3c0%203.33%202.737%206.028%206.114%206.028%22%2F%3E%3Cpath%20fill%3D%22%2325253b%22%20d%3D%22M10.504%2016.65a4.392%204.392%200%201%200%200-8.784a4.392%204.392%200%200%200%200%208.785%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEHBxQeWQ)%22%20d%3D%22M20.455%2010.864c.83-.582.542-1.758.245-2.155c-.456-.614-1.096-.69-1.354-.66c-2.046.231-3.718%202.5-4.37%203.616l2.564%201.777c.12-.168.436-.672.947-1.258c.62-.71%201.449-.956%201.968-1.32%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCixSCc2p)%22%20d%3D%22M18.451%2011.263c.44-.913-.334-1.724-.787-1.926c-.698-.313-1.23-.09-1.388%200c-1.673%201.2-2.14%204.083-2.165%205.374l3.407.431c.023-.205.073-.827.088-1.665c.016-.838.635-1.777.845-2.214%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGutNVod6d)%22%20d%3D%22M10.53%2019.752c-4.675%200-7.737-4.224-7.52-8.268c1.51%205.05%205.19%206.111%207.52%205.567c1.865-.435%203.538-2.319%204.194-3.24c.267-.375%201.262-.516%202.089-.065s1.025%201.442.827%201.81c-1.975%203.69-5.328%204.196-7.11%204.196%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGFwj9pcNJ)%22%20d%3D%22M17.997%207.349a1.55%201.55%200%201%200%200-3.101a1.55%201.55%200%200%200%200%203.1%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGNCAyIb9z%22%20x1%3D%224.677%22%20x2%3D%2221.911%22%20y1%3D%227.849%22%20y2%3D%2211.592%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235d86bc%22%2F%3E%3Cstop%20offset%3D%22.614%22%20stop-color%3D%22%236cc3d7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGpE7GLAzm%22%20x1%3D%223.962%22%20x2%3D%2219.506%22%20y1%3D%229.172%22%20y2%3D%2215.587%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.226%22%20stop-color%3D%22%2394d0da%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233f65ae%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGEHBxQeWQ%22%20x1%3D%2216.928%22%20x2%3D%228.951%22%20y1%3D%224.001%22%20y2%3D%2218.835%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f57240%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fbe18c%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCixSCc2p%22%20x1%3D%224.594%22%20x2%3D%2217.611%22%20y1%3D%2213.56%22%20y2%3D%223.923%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.212%22%20stop-color%3D%22%23583d90%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dc719b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGutNVod6d%22%20x1%3D%222.874%22%20x2%3D%2220.644%22%20y1%3D%225.051%22%20y2%3D%228.847%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234fa2c5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fd7813%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGFwj9pcNJ%22%20x1%3D%2218.901%22%20x2%3D%2217.068%22%20y1%3D%224.767%22%20y2%3D%226.905%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b1599b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235b418b%22%2F%3E%3C%2FlinearGradient%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/orn.svg?color=%231a73e8&size=48
