Home/Libraries/SVG Logos (Iconify)/upcase

SVG Logos (Iconify)

Upcase

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 512 108"><defs><linearGradient id="SVGqit2Je5U" x1="50.116%" x2="50.116%" y1="-.093%" y2="84.061%"><stop offset="0%" stop-color="#487bf6"/><stop offset="100%" stop-color="#0093cb"/></linearGradient></defs><path fill="#818cf8" d="M0 68.719V21.184a2.644 2.644 0 0 1 2.678-2.678h14.06a2.644 2.644 0 0 1 2.677 2.678v47.033c0 14.227 7.198 21.758 18.914 21.758s18.913-7.197 18.913-21.089V21.184a2.644 2.644 0 0 1 2.678-2.678h14.06a2.644 2.644 0 0 1 2.678 2.678V68.05c0 26.613-14.897 39.668-38.497 39.668C14.394 107.717 0 94.495 0 68.72m98.25-47.535a2.644 2.644 0 0 1 2.677-2.678h33.308c20.922 0 33.642 12.386 33.642 30.295v.335c0 20.252-15.733 30.797-35.483 30.797h-14.73V103.7a2.644 2.644 0 0 1-2.677 2.678h-14.06a2.644 2.644 0 0 1-2.678-2.678zm34.478 41.677c9.708 0 15.231-5.691 15.231-13.223v-.167c0-8.704-6.025-13.223-15.733-13.223H119.84a2.644 2.644 0 0 0-2.678 2.678v21.591a2.644 2.644 0 0 0 2.678 2.678h12.888zm48.037-.168v-.334c0-24.94 18.746-45.359 45.86-45.359c15.4 0 23.6 5.021 31.97 11.214c1.17.837 1.338 2.51.501 3.682L251.23 43.11c-.837 1.172-2.51 1.34-3.682.67c-6.695-4.52-13.223-8.87-21.257-8.87c-14.73 0-25.441 12.217-25.441 27.281v.67c0 15.063 12.218 27.951 27.282 27.282c8.201-.335 13.557-2.846 19.08-8.202a2.59 2.59 0 0 1 3.516-.167l9.373 8.201c1.004 1.005 1.171 2.678.167 3.683c-8.034 9.038-18.746 14.227-34.647 14.227c-25.608 0-44.856-20.085-44.856-45.192m181.602 28.12l9.205-8.704c1.005-1.004 2.678-.837 3.683 0c6.695 6.36 14.394 8.369 23.6 8.369c7.866 0 12.72-3.18 12.72-8.202v-.335c0-4.853-3.013-7.364-17.742-11.214c-17.741-4.519-29.123-9.373-29.123-26.78v-.334c0-15.901 12.72-26.446 30.797-26.446c11.884 0 22.094 3.515 30.63 9.54c1.171.838 1.339 2.511.67 3.683l-7.198 10.377c-.837 1.172-2.343 1.34-3.515.67c-7.03-4.52-13.892-7.197-20.754-7.197c-7.365 0-11.214 3.347-11.214 7.699v.335c0 5.69 3.682 7.699 18.913 11.548C420.78 58.51 430.823 64.87 430.823 80.1v.335c0 17.407-13.222 27.282-32.303 27.282c-12.386 0-26.78-3.515-35.986-12.888c-1.339-1.339-1.339-3.012-.167-4.017m82.683-69.629a2.644 2.644 0 0 1 2.678-2.678h60.925a2.644 2.644 0 0 1 2.677 2.678v11.884a2.644 2.644 0 0 1-2.677 2.678h-41.844a2.644 2.644 0 0 0-2.678 2.678v12.553a2.644 2.644 0 0 0 2.678 2.678h36.153a2.644 2.644 0 0 1 2.678 2.678v11.884a2.644 2.644 0 0 1-2.678 2.678h-36.153a2.644 2.644 0 0 0-2.678 2.678v13.222a2.644 2.644 0 0 0 2.678 2.678h42.513A2.644 2.644 0 0 1 512 92.151v11.884a2.644 2.644 0 0 1-2.678 2.678h-61.594a2.644 2.644 0 0 1-2.678-2.678z"/><path fill="url(#SVGqit2Je5U)" d="M307.527 1.734c-9.692 14.037-37.264 54.642-46.12 68.512c-1.17 1.67-.669 4.01.835 5.347c2.172 1.671 5.18 4.01 7.353 5.849c1.67 1.17 3.843 1.17 5.514-.167c15.875-13.703 19.05-16.21 28.741-25.066a10.017 10.017 0 0 1 13.536 0c12.7 11.363 18.38 15.708 28.908 25.233c1.504 1.337 3.844 1.504 5.347.167c2.34-1.838 5.515-4.178 7.687-5.849c1.671-1.337 2.005-3.509.836-5.347c-9.024-14.037-36.429-54.475-46.12-68.512c-1.337-2.506-4.846-2.506-6.517-.167"/></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. UpcaseIcon.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.