Home/Libraries/Web3 Icons Branded (Iconify)/hoshi

Web3 Icons Branded (Iconify)

Hoshi

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGPmOkydZx)" d="m10.618 11.245l-6.25-3.667L7.54 12h2.187z"/><path fill="#818cf8" d="m10.618 12.73l-6.25 3.68L7.54 12h2.187z"/><path fill="url(#SVG6jDG9beS)" d="m13.4 11.245l6.25-3.667L16.478 12H14.29z"/><path fill="url(#SVG14qSYcno)" d="m13.4 12.73l6.25 3.77l-3.172-4.5H14.29z"/><path fill="url(#SVGoWE9Lb6y)" d="M9.732 8.116L4.35 7.558l5.67 3.348l.931-.527z"/><path fill="url(#SVGNcmRmUKT)" d="m14.268 8.131l5.382-.553l-5.67 3.343l-.931-.53l1.22-2.264z"/><path fill="url(#SVGaa69eeHB)" d="m9.759 15.892l-5.41.518l5.67-3.348l.932.526z"/><path fill="url(#SVG5E85Ac7y)" d="m14.156 15.853l5.494.648l-5.787-3.506l-.931.594z"/><path fill="url(#SVGgcveteEt)" d="M15.051 12.32c.85.12 1.278-.199 1.386-.374l-.067-.045c-.603.477-1.494.018-1.863-.27l-.554 1.08c.149.099.63.373 1.319.684c.688.31.81.877.787 1.125l.315.193c.513-1.394-.666-2.178-1.323-2.394"/><path fill="url(#SVGxgL69ihJ)" d="M10.97 10.394L9.72 8.117L12 3v7.394z"/><path fill="url(#SVGox6o3czQ)" d="m13.045 10.448l1.205-2.304L11.982 3v7.394z"/><path fill="url(#SVGheIAdDHP)" d="m10.97 13.606l-1.233 2.296L11.987 21v-7.394h-1.022z"/><path fill="url(#SVGcMdABb4c)" d="m12.995 13.606l1.233 2.296L11.982 21v-7.394z"/><path fill="#818cf8" d="M8.44 8.557c-.413-.414-1.08-.36-1.354-.274c.855 0 1.422.841 1.71 1.404c.23.45.711.931.918 1.12l.617-.792c-.77-.108-1.377-.94-1.89-1.458"/><path fill="url(#SVGI03GrcLl)" d="M11.95 14.494c1.41 0 2.551-1.133 2.551-2.53S13.36 9.437 11.95 9.437s-2.552 1.132-2.552 2.529c0 1.396 1.143 2.529 2.552 2.529"/><path fill="url(#SVGQtmMhbmr)" fill-rule="evenodd" d="M12 14.7a2.7 2.7 0 0 0 2.7-2.7A2.7 2.7 0 0 0 12 9.3a2.7 2.7 0 0 0 0 5.4m-.049-.207a2.53 2.53 0 0 0 2.35-1.558a2.5 2.5 0 0 0 .197-.97a2.54 2.54 0 0 0-2.547-2.53a2.54 2.54 0 0 0-2.551 2.53c0 1.394 1.143 2.528 2.551 2.528" clip-rule="evenodd"/><path fill="url(#SVGop3wfc7E)" d="M13.576 10.425h-.45v.675h.45zM12 11.775v.54c-.005.1-.09.36-.297.585h.567c.067-.08.18-.315.18-.585v-.54h.675v.46c0 .166-.072.3-.225.3v.42h.018c.35 0 .657-.316.657-.698v-.482h.225v-.45h-1.35v-.675H12v.675h-.9v.45zM10.2 12v.752h.292v-.509h.797v.09c0 .428-.383.774-.855.774H10.2v.243h.283c.59 0 1.067-.427 1.067-.954V12z"/><defs><linearGradient id="SVGPmOkydZx" x1="4.481" x2="17.294" y1="3.642" y2="9.87" gradientUnits="userSpaceOnUse"><stop stop-color="#ececec"/><stop offset="1" stop-color="#ababab"/></linearGradient><linearGradient id="SVG6jDG9beS" x1="7.082" x2="21.559" y1="18.126" y2="11.019" gradientUnits="userSpaceOnUse"><stop stop-color="#575354"/><stop offset=".15" stop-color="#949091"/><stop offset="1" stop-color="#979394"/></linearGradient><linearGradient id="SVG14qSYcno" x1="19.309" x2="4.687" y1="18.822" y2="13.826" gradientUnits="userSpaceOnUse"><stop stop-color="#aaa"/><stop offset=".87" stop-color="#bebebe"/><stop offset="1" stop-color="#3e3c3d"/></linearGradient><linearGradient id="SVGoWE9Lb6y" x1="5.351" x2="17.762" y1="4.064" y2="4.064" gradientUnits="userSpaceOnUse"><stop stop-color="#d0d0d0"/><stop offset="1" stop-color="#b3afae"/></linearGradient><linearGradient id="SVGNcmRmUKT" x1="18.649" x2="6.238" y1="4.067" y2="4.067" gradientUnits="userSpaceOnUse"><stop stop-color="#a8a8a8"/><stop offset="1" stop-color="#dcdcde"/></linearGradient><linearGradient id="SVGaa69eeHB" x1="9.429" x2="18.424" y1="13.814" y2="15.026" gradientUnits="userSpaceOnUse"><stop stop-color="#d8d8d8"/><stop offset=".73" stop-color="#a8a8a8"/></linearGradient><linearGradient id="SVG5E85Ac7y" x1="6.359" x2="10.2" y1="7.09" y2="8.486" gradientUnits="userSpaceOnUse"><stop stop-color="#312f30"/><stop offset="1" stop-color="#858384"/></linearGradient><linearGradient id="SVGgcveteEt" x1="7.162" x2="12.609" y1="7.493" y2="8.659" gradientUnits="userSpaceOnUse"><stop stop-color="#373737"/><stop offset="1" stop-color="#8b8788"/></linearGradient><linearGradient id="SVGxgL69ihJ" x1="5.799" x2="10.972" y1="14.065" y2="19.909" gradientUnits="userSpaceOnUse"><stop stop-color="#dfdfe1"/><stop offset="1" stop-color="#b6b6b6"/></linearGradient><linearGradient id="SVGox6o3czQ" x1="18.133" x2="5.049" y1="13.985" y2="14.661" gradientUnits="userSpaceOnUse"><stop stop-color="#a8a6a7"/><stop offset=".75" stop-color="#b6b4b5"/></linearGradient><linearGradient id="SVGheIAdDHP" x1="4.35" x2="6.105" y1="18.864" y2="3.113" gradientUnits="userSpaceOnUse"><stop offset=".82" stop-color="#898788"/><stop offset=".96" stop-color="#373536"/></linearGradient><linearGradient id="SVGcMdABb4c" x1="12.016" x2="11.556" y1="21" y2="3.149" gradientUnits="userSpaceOnUse"><stop offset=".75" stop-color="#b3b3b3"/><stop offset="1" stop-color="#383637"/></linearGradient><linearGradient id="SVGI03GrcLl" x1="4.835" x2="19.339" y1="12.001" y2="12.001" gradientUnits="userSpaceOnUse"><stop stop-color="#8e8a8b"/><stop offset="1" stop-color="#ccc"/></linearGradient><linearGradient id="SVGQtmMhbmr" x1="4.363" x2="18.746" y1="12.6" y2="12.6" gradientUnits="userSpaceOnUse"><stop stop-color="#d9d9d9"/><stop offset=".5" stop-color="#aeacac"/><stop offset="1" stop-color="#393738"/></linearGradient><linearGradient id="SVGop3wfc7E" x1="10.35" x2="13.347" y1="13.296" y2="13.296" gradientUnits="userSpaceOnUse"><stop stop-color="#a9a7aa"/><stop offset="1" stop-color="#dedee0"/></linearGradient></defs></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HoshiIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Web3 Icons Branded (Iconify)

Browse all Web3 Icons Branded (Iconify) icons →

0x0

aag

aart

aave