Home/Libraries/SVG Logos (Iconify)/canjs

SVG Logos (Iconify)

Canjs

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 102"><g fill="#818cf8"><path d="m185.538 100.279l-5.51-11.02l1.373-.748a46 46 0 0 0 3.98-2.408c1.118-.767 2.057-1.51 2.82-2.239a12 12 0 0 0 1.848-2.227c.499-.782.882-1.6 1.15-2.463h-.001l.003-.011q.101-.346.207-.79q.113-.483.185-.865c.287-1.548.43-3.38.403-5.475V26.515h16.737v45.339a54 54 0 0 1-.023 2.41a53 53 0 0 1-.549 6.034v.002a23 23 0 0 1-.474 2.374a24.2 24.2 0 0 1-2.274 5.745l-.006.006a20 20 0 0 1-2.736 3.773q-1.598 1.748-3.79 3.37l-.013.012h-.001l-.001-.002a27 27 0 0 1-2.64 1.725c-2.426 1.408-5.334 2.677-8.738 3.793l-1.325.433zm45.206-13.86c-1.593 0-3.047-.049-4.374-.137a55 55 0 0 1-3.812-.394l-.032-.006a52 52 0 0 1-3.347-.621a29 29 0 0 1-3.001-.823a31 31 0 0 1-2.601-1.024a33 33 0 0 1-2.31-1.142l-1.255-.683l4.892-12.432l1.482.549v.003q.352.128.652.232c.058.02.277.094.646.216a42 42 0 0 0 3.18.92l.032.005q1.03.27 2.151.472q1.157.205 2.246.313h.037q1.115.134 2.461.199q1.36.065 2.796.064q2.353-.002 4.043-.344q.38-.075.522-.11q1.217-.3 2.024-.771v-.001l.015-.01l.003-.003l.002.001q.207-.127.431-.3l.004.003q.188-.148.355-.32c.503-.514.758-1.164.766-1.937a2.95 2.95 0 0 0-.338-1.325q-.346-.645-1.034-1.203q-.835-.651-1.931-1.262a24 24 0 0 0-2.53-1.21l-.001.003q-1.602-.63-3.127-1.25q-1.256-.51-3.304-1.374a39 39 0 0 1-3.424-1.637a36 36 0 0 1-3.24-1.978l-.001.004q-1.649-1.102-3.005-2.545a18.4 18.4 0 0 1-2.375-3.137l-.008-.012q-.305-.51-.563-1.038a14 14 0 0 1-.475-1.101c-.738-1.91-1.13-4.094-1.161-6.518v-.038c.021-1.456.186-2.82.505-4.106a13.8 13.8 0 0 1 1.453-3.63l.006-.014a16 16 0 0 1 2.235-2.935a17 17 0 0 1 2.836-2.364l.02-.006a21.5 21.5 0 0 1 3.3-1.766a24 24 0 0 1 3.618-1.212v.001a28 28 0 0 1 3.809-.73a32 32 0 0 1 3.884-.229h.003a56 56 0 0 1 4.798.192q1.476.132 2.962.386h.008a38 38 0 0 1 1.737.339q2.14.47 3.966 1.151c.86.301 1.648.603 2.385.903c.763.312 1.509.634 2.234.957l1.448.642l-5.026 12.104l-1.384-.395l-.002-.001l-.013-.006c-1.335-.393-2.67-.786-3.907-1.086l-.044-.006a31 31 0 0 0-1.917-.46a46 46 0 0 0-2.058-.371a39 39 0 0 0-4.777-.297c-1.275.02-2.336.123-3.175.317q-1.081.248-1.585.659l-.02.019l-.006.005a2.8 2.8 0 0 0-.522.508a1.97 1.97 0 0 0-.43 1.32l.001.007q.006.171.023.263q.023.123.066.246q.251.72 1.227 1.401l.044.038c.562.422 1.233.832 1.996 1.239c.753.4 1.645.816 2.647 1.248l-.002.005c.747.316.675.284.864.365l.89.378q2.05.883 4.778 2.106a42 42 0 0 1 3.476 1.75a42 42 0 0 1 3.294 2.066l.032.019c1.08.783 2.08 1.646 2.988 2.603c.91.957 1.715 1.996 2.401 3.128v-.001a13.9 13.9 0 0 1 1.676 3.858q.558 2.073.59 4.488v.056a22 22 0 0 1-.056 1.35q-.04.54-.146 1.3q-.473 3.335-2.045 5.955a16.8 16.8 0 0 1-2.524 3.251a17.2 17.2 0 0 1-3.268 2.554h-.013a26.4 26.4 0 0 1-3.77 1.867a28 28 0 0 1-4.156 1.282a39 39 0 0 1-4.366.742c-1.487.167-2.976.25-4.479.25m-176.44-6.2c-9.917 2.761-21.118 4.52-31.513 2.548c-3.968-.752-7.627-2.426-11.093-4.853c-3.398-2.635-6.171-6.38-8.32-11.371Q.05 58.952.05 46.159c0-8.528 1.317-15.323 3.882-20.522q3.537-7.801 9.152-11.648c3.675-2.566 7.488-4.3 11.51-5.2c3.952-.832 7.557-1.18 10.816-1.18c4.861.065 15.375 1.352 20.412 4.65V28.9c-5.187-2.654-12.406-3.963-18.194-4.095c-1.733 0-3.466.207-5.13.554q-2.496.728-4.576 2.912c-1.248 1.457-2.288 3.675-3.051 6.518c-.971 2.912-1.387 6.656-1.387 11.37c0 4.16.347 7.558 1.11 10.123c.554 2.635 1.284 4.796 2.496 6.24c4.512 5.378 14.52 3.542 21.336 1.766c.603 5.468 1.98 11.401 5.878 15.933"/><path d="m92.512 47.685l-4.154.138c-4.507 0-7.766.763-9.707 2.358q-3.016 2.392-2.912 8.736c0 3.536.624 5.893 1.94 7.211c1.25 1.317 2.983 1.863 4.993 1.803c2.454-.075 4.249-.652 6.11-1.61l.002 7.164c0 2.386.44 4.205 1.206 5.591c-2.69 1.217-4.428 2.142-7.345 2.967c-3.594 1.016-7.129 1.765-9.54 1.835c-16.624.48-20.802-11.919-20.802-23.713c0-5.061.971-9.152 2.913-12.342c1.803-3.189 4.021-5.546 6.795-7.21c2.911-1.733 5.893-2.912 9.013-3.606a57 57 0 0 1 8.736-.693h12.758v-4.299c0-2.843-.693-4.783-2.22-5.685c-1.455-.832-3.882-1.248-7.21-1.248c-4.058.056-19.67 1.71-23.297 3.952V11.91c8.1-3.133 22.183-4.252 27.04-4.3c8.322-.069 15.185 1.387 20.663 4.438c2.704 1.803 4.784 4.3 6.378 7.488c1.387 3.328 2.08 7.558 2.08 12.62c0 16.774.06 33.532.06 50.305l-.065-.001v.278h-6.69c-7.744 0-16.745.81-16.745-9.998c0-6.096-.008-12.191 0-18.289zm27.454-38.689h19.968l3.051 7.489c.07-.208 2.37-1.757 6.934-4.438c2.165-1.272 4.8-2.159 7.764-3.05c2.793-.842 5.756-1.364 8.945-1.387c6.24-.046 11.352 1.393 15.184 4.576c3.935 3.267 5.963 9.083 5.963 17.333v42.975c0 10.806-9 9.997-16.744 9.997h-6.69V32.293c0-2.427-.382-4.125-1.25-4.992c-.866-.868-2.634-1.208-5.13-1.18c-3.536.041-6.72.775-9.706 2.15c-3.185 1.467-4.785 2.289-4.854 2.358v51.862l-23.286-.027c0-24.65-.15-48.887-.15-73.468M199.842.633c6.026 0 10.94 4.915 10.94 10.94c0 6.026-4.914 10.94-10.94 10.94s-10.94-4.914-10.94-10.94s4.915-10.94 10.94-10.94"/></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. CanjsIcon.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.