My Canal icon

cbi:my-canal

The My Canal icon (cbi:my-canal) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24
Tags: mycanal

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.335 17.015c-.115.266-.218.515-.23.539s.145.055.345.055s.37-.025.37-.055a7 7 0 0 0-.236-.988c-.018-.024-.134.176-.249.449M12 14.227H2v6.121h20v-6.121Zm-6.277 3.969a1.3 1.3 0 0 1 .364-.072a2.4 2.4 0 0 1-.055.478c-.072.449-.085.461-.3.534a3 3 0 0 1-.709.073a1.52 1.52 0 0 1-.9-.2a1.734 1.734 0 0 1-.994-1.855a1.8 1.8 0 0 1 .188-.855a1.95 1.95 0 0 1 1.34-1.1a3 3 0 0 1 1.515.1a1.3 1.3 0 0 1 .369.188a1 1 0 0 1-.03.406c-.115.588-.085.558-.4.4a1.273 1.273 0 0 0-1.788.425c-.423.951.346 1.769 1.4 1.478m3.891.928h-.485l-.072-.334l-.073-.339l-.673.018l-.667.018l-.151.3l-.158.3l-.557.019a2.5 2.5 0 0 1-.564-.019c0-.018.418-.86.927-1.878l.922-1.855l.63.018l.636.018l.382 1.788c.206.982.382 1.825.382 1.861c0 .063-.133.085-.479.085m4.449-.031h-1.031l-.648-1.151c-.358-.637-.655-1.133-.655-1.109c0 .109-.309 2.151-.333 2.218c-.018.048-.182.073-.521.073h-.491l.03-.2c.018-.1.133-.915.255-1.8s.23-1.643.242-1.685s.188-.073.57-.073h.545l.588 1.03a10 10 0 0 0 .612 1.006c.024-.024.315-1.848.321-1.993a1.6 1.6 0 0 1 .516-.043c.5 0 .515.006.509.133c0 .079-.115.916-.255 1.867Zm3.763.031h-.5l-.121-.315l-.121-.322l-.667-.018l-.667-.018l-.121.321l-.121.321l-.533.019c-.491.018-.528.006-.491-.091c.024-.061.345-.909.721-1.885l.679-1.77l.545.012l.54.018l.684 1.788c.37.982.679 1.825.679 1.861c.003.057-.132.079-.506.079M21 18.639v.485h-2.362v-3.879h1.152v2.909H21ZM4.716 12.431a8.4 8.4 0 0 0 .155-1.712a18.5 18.5 0 0 1 .522-4a1.35 1.35 0 0 1 .223-.551a5 5 0 0 1 .638 1.441a20.5 20.5 0 0 1 .474 3.232c.068.919.2 1.112.687 1c.213-.058.233-.116.233-.571a14.2 14.2 0 0 1 .764-4.179l.188-.484l.116.29c.058.155.29.919.5 1.693a18 18 0 0 0 .561 1.81c.165.377.213.416.513.416c.416 0 .455-.1.793-1.742c.136-.667.281-1.277.31-1.354a4 4 0 0 1 .329 1.238a17 17 0 0 0 .416 1.713c.126.3.184.338.493.338c.213 0 .368-.058.4-.145a2.7 2.7 0 0 0-.135-.9c-.32-1.18-.32-1.2.077-1.306a2.1 2.1 0 0 0 1.19-1.122l.194-.436l.29.358a1.45 1.45 0 0 0 1.277.649a1.41 1.41 0 0 0 1.18-.513c.339-.319.349-.31.494.368l.087.387l-1.243 1.209a6 6 0 0 0-1.548 1.867c-.416.9-.367 1.4.174 1.916a2.35 2.35 0 0 0 1.819.532c.7-.135 1.529-1.258 1.79-2.438a10.6 10.6 0 0 0 .049-2.583c-.058-.213.029-.3.745-.842C20.632 7.139 21 6.802 21 6.636c0-.329-.745-.368-1.025-.068a10 10 0 0 1-.794.7c-.706.561-.725.551-.9-.416a2 2 0 0 1 .048-1.15a2.77 2.77 0 0 0 .048-1.626a.52.52 0 0 0-.6-.416a.354.354 0 0 0-.378.261a7 7 0 0 0-.164 1.239c-.049.8-.1 1.025-.291 1.306c-.4.58-.812.967-1.025.967c-.445 0-.832-.677-1.074-1.848c-.165-.832-.242-.957-.571-.957c-.348 0-.426.145-.532.919a4.05 4.05 0 0 1-.687 2.128c-.348.387-.551.436-.609.116a22 22 0 0 1-.194-.977a3.7 3.7 0 0 0-.3-.987a.51.51 0 0 0-.7-.155a6.3 6.3 0 0 0-.789 2.13a3.6 3.6 0 0 1-.271.861c-.019-.019-.145-.455-.28-.948C9.4 5.862 8.789 5.078 8.2 5.514a8.8 8.8 0 0 0-.89 1.964c-.058.155-.106.1-.242-.31a4.23 4.23 0 0 0-1.48-2.244c-.484-.184-.735.261-1.181 2.012c-.4 1.548-.6 5.225-.319 5.505a.48.48 0 0 0 .628-.01m13.1-2.97c.049 0 .087.281.087.629a4.03 4.03 0 0 1-.938 2.816c-.407.406-.726.425-1.1.048c-.571-.571-.31-1.229 1-2.583a9 9 0 0 1 .951-.91m-1.45 7.241a44 44 0 0 0-.334 1.007a1.7 1.7 0 0 0 .364.018c.261 0 .364-.025.364-.079a6 6 0 0 0-.334-1c-.012-.015-.042.009-.06.054"/></svg>

How to use the My Canal icon

React

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

<Icon icon="cbi:my-canal" width="24" />

Vue

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

<template>
  <Icon icon="cbi:my-canal" width="24" />
</template>

Svelte

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

<Icon icon="cbi:my-canal" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--my-canal]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:my-canal"></div>

Web component

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

<iconify-icon icon="cbi:my-canal"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/my-canal.svg" alt="My Canal icon" width="24" height="24">

Related icons in Custom Brand Icons

My Canal icon FAQ

Is the My Canal icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the My Canal icon in React?

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

How do I add the My Canal icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/my-canal.svg" alt="My Canal icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →