Home/Libraries/SVG Logos (Iconify)/titon

SVG Logos (Iconify)

Titon

License: CC0-1.0Commercial 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 256 257"><defs><linearGradient x1="74.475%" y1="2.141%" x2="18.026%" y2="100%" id="ssvg-id-titonb"><stop stop-color="#F8F8F8" offset="0%"/><stop stop-color="#DDDAD9" offset="100%"/></linearGradient><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="ssvg-id-titona"><feOffset dx="1" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g filter="url(#ssvg-id-titona)"><path d="M20.065 154.368L3.209 125.174a23.959 23.959 0 0 1 0-23.958L54.731 11.98A23.956 23.956 0 0 1 75.479 0H178.52c8.56 0 16.469 4.566 20.748 11.979l51.522 89.237a23.959 23.959 0 0 1 0 23.958l-51.522 89.238a23.957 23.957 0 0 1-20.748 11.978h-38.09l-11.355 19.669a14.842 14.842 0 0 1-12.854 7.422H52.385a14.84 14.84 0 0 1-12.852-7.422l-31.92-55.284a14.841 14.841 0 0 1 0-14.841l12.452-21.566zm142.905 28.39a14.842 14.842 0 0 0 8.802-6.858l31.918-55.284a14.841 14.841 0 0 0 0-14.842l-31.918-55.283a14.84 14.84 0 0 0-12.853-7.422H95.08a14.84 14.84 0 0 0-12.853 7.422L50.31 105.774a14.834 14.834 0 0 0-1.977 8.018a14.83 14.83 0 0 1 4.052-.563h63.837a14.843 14.843 0 0 1 12.854 7.42l31.917 55.285a14.83 14.83 0 0 1 1.977 6.824z" fill="url(#ssvg-id-titonb)"/></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. TitonIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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.