Hydro Qubec icon
cbi:hydro-qubec
The Hydro Qubec icon (cbi:hydro-qubec) 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
- hydroqubec
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.298 15.753v.922h1.021v-.922h.297v2.149h-.297v-.971H2.298v.971H2v-2.149Zm2.524 2.158l-.214.556h-.289l.226-.571l-.622-1.488h.315l.468 1.178l.476-1.178h.303Zm2.018-2.155h.28v1.908c0 .032.006.16.012.238h-.28l-.006-.238c-.024.041-.057.104-.134.157a.7.7 0 0 1-.369.111c-.2 0-.643-.105-.643-.759c0-.569.324-.816.676-.816c.321 0 .428.19.464.253Zm-.105.961a.4.4 0 0 0-.327-.151c-.411 0-.411.497-.411.598c0 .265.069.572.411.572c.44 0 .44-.486.44-.602c.001-.217-.05-.336-.113-.417m.903-.006c0-.101-.006-.205-.015-.303h.283l.005.288c.054-.208.233-.277.358-.294a1 1 0 0 1 .193-.006v.273q-.023-.007-.053-.011c-.03-.004-.048-.003-.081-.003c-.33 0-.408.196-.408.452v.795h-.282Zm1.792-.342c.598 0 .732.47.732.783c0 .437-.247.801-.756.801c-.494 0-.735-.342-.735-.78c0-.369.172-.804.759-.804m-.018 1.375c.211 0 .452-.152.452-.601c0-.372-.173-.569-.434-.569c-.179 0-.468.113-.468.581c0 .306.131.589.45.589m1.05-.738h.747v.226h-.747Zm3.111.896h-.357a6 6 0 0 0-.399.015a5 5 0 0 1-.39.029c-.512 0-.925-.342-.925-1.104c0-.256.044-.601.268-.848c.181-.199.449-.291.72-.291c.714 0 .931.568.931 1.083c0 .208-.024.634-.389.922c.071-.015.187-.041.383-.041h.158Zm-1.116-.188c.613 0 .66-.654.66-.878c0-.553-.238-.886-.654-.886c-.595 0-.646.663-.646.898c0 .354.128.866.64.866m1.705-1.306v.961c0 .146.033.33.319.33c.14 0 .271-.047.351-.166c.063-.09.063-.205.063-.28v-.845h.288v1.214l.009.28h-.291l-.006-.256c-.054.104-.155.271-.477.271c-.368 0-.541-.211-.541-.506v-1.003Zm1.733.797c-.006.31.122.539.428.539c.182 0 .328-.095.352-.31h.279c-.009.075-.02.197-.127.313c-.066.075-.215.199-.515.199c-.471 0-.694-.291-.694-.765c0-.294.06-.538.295-.702a.7.7 0 0 1 .408-.11c.669 0 .654.593.648.837h-1.074Zm.789-.196c.003-.143-.024-.44-.369-.44c-.182 0-.402.109-.408.44Zm-.015-1.31l-.36.429h-.194l.244-.429Zm.991.926c.039-.069.149-.256.488-.256c.149 0 .336.036.474.19c.074.087.175.235.175.563c0 .289-.069.446-.143.545a.63.63 0 0 1-.524.256a.6.6 0 0 1-.333-.096c-.084-.056-.116-.107-.146-.151l-.006.226h-.271l.006-.268v-1.881h.28Zm.423-.065c-.429 0-.429.5-.429.595c0 .098 0 .566.417.566c.345 0 .431-.337.431-.581c0-.149-.03-.58-.419-.58m1.286.645c-.006.31.121.539.428.539c.182 0 .328-.095.351-.31h.28c-.009.075-.021.197-.127.313c-.066.075-.215.199-.515.199c-.471 0-.694-.291-.694-.765c0-.294.06-.538.295-.702a.7.7 0 0 1 .408-.11c.669 0 .654.593.648.837h-1.074Zm.788-.196c.003-.143-.023-.44-.368-.44c-.182 0-.402.109-.408.44Zm1.548-.122c-.006-.069-.027-.313-.297-.313c-.387 0-.387.449-.387.563c0 .306.074.592.372.592c.238 0 .318-.178.324-.324H22c-.018.291-.235.535-.604.535c-.102 0-.333-.02-.491-.193c-.09-.104-.179-.262-.179-.572c0-.621.381-.806.679-.806c.098 0 .321.021.458.184a.52.52 0 0 1 .125.334Zm-6.796-5.061v.741l-.817-.611a4.1 4.1 0 0 0 .698-2.295a4.13 4.13 0 0 0-4.128-4.128A4.13 4.13 0 0 0 6.535 9.66a4.13 4.13 0 0 0 4.127 4.128a4.1 4.1 0 0 0 2.658-.972l2.425 1.926v-1.538l1.72.751Zm-4.247.845a3.01 3.01 0 1 1 0-6.022a3.012 3.012 0 0 1 2.536 4.638l-.892-.667h-1.748l1.866 1.483a3 3 0 0 1-1.762.568"/></svg>How to use the Hydro Qubec icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:hydro-qubec" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:hydro-qubec" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:hydro-qubec" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--hydro-qubec]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:hydro-qubec"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:hydro-qubec"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/hydro-qubec.svg" alt="Hydro Qubec icon" width="24" height="24">Hydro Qubec icon FAQ
Is the Hydro Qubec 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 Hydro Qubec icon in React?
Install @iconify/react and render <Icon icon="cbi:hydro-qubec" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hydro Qubec icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/hydro-qubec.svg" alt="Hydro Qubec icon">, or paste the SVG code inline to style it with CSS.