ICONYZ
English
Canjs icon from SVG Logos

Canjs icon

logos:canjs

The Canjs icon (logos:canjs) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 102 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 102
Tags
canj
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="102" viewBox="0 0 256 102"><g fill="#1a1918"><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>

How to use the Canjs icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:canjs" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:canjs" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:canjs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--canjs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:canjs"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:canjs"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/canjs.svg" alt="Canjs icon" width="24" height="24">

Canjs icon FAQ

Is the Canjs icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Canjs icon in React?

Install @iconify/react and render <Icon icon="logos:canjs" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Canjs icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/canjs.svg" alt="Canjs icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →