Technics icon

cbi:technics

The Technics icon (cbi:technics) 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: technic

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="M2 5.333h20v13.334H2Zm14.433 6.133l-.001-.13l-.121-.063a.63.63 0 0 0-.576.02c-.069.037-.074.172-.015.222c.105.086.378.096.547.053ZM5.472 12.613c-.058 0-.19-.044-.212-.084l-.047-.09l-.002-.906a.34.34 0 0 1 .144-.047h.362c.108.05.178-.001.251.142l.043.083l.272-.004v-.448H3.61l-.004.449l.303.003l.005-.118l.096-.075l.473-.036c.054-.004.116.009.152.044v.943c-.001.136-.238.148-.417.144l.003.142h1.425l.005-.144h-.18Zm6.151-.006l-.128.009c-.007.047-.006.098.022.139h1.136l.004-.142c-.039 0-.102.004-.132-.004l-.116-.036l-.057-.07l-.002-.584l-.059-.068a.6.6 0 0 0-.316-.165c-.323-.043-.615-.032-.913.092l-.004-.518l-.895.002l-.002.157l.2.005l.107.067v1.012l-.054.07l-.119.034l-.132.008l.001.142h1.155l.004-.146a.31.31 0 0 1-.262-.074v-.556a.65.65 0 0 1 .406-.114c.106.001.224.02.294.118v.59Zm-2.104-.02a.45.45 0 0 1-.279.006c-.069-.018-.145-.032-.198-.084l-.062-.062l-.057-.084v-.258l.061-.091c.073-.055.169-.137.262-.138l.355-.003l.068.026c.088.018.181.095.166.202l.282-.001v-.353l-.138-.03l-.196-.024a2.5 2.5 0 0 0-.735-.004l-.197.032l-.224.065a.4.4 0 0 0-.144.067l-.154.151c.01.048-.01.078-.044.099v.262c.036.026.048.06.051.106l.047.062c.158.148.362.205.578.232c.44.044 1.018.062 1.215-.373a2 2 0 0 0-.369 0c-.046.064-.103.132-.172.156Zm4.853-.647l.067.074v.487l-.06.076l-.112.03l-.133.008l.001.141h1.156l.004-.149c-.106.025-.17-.007-.244-.068l-.004-.536c-.039-.034-.046-.084-.051-.123a.3.3 0 0 1-.066-.047c-.204-.2-.543-.174-.842-.158l-.173.026l-.128.032l-.094.035c-.012.005-.046.008-.048-.005l-.01-.056l-.788.002v.16l.168.004c.024 0 .071.036.087.05l-.001.647l-.124.035c-.03.009-.086.008-.132.008v.142h1.149l-.003-.146c-.108.01-.212-.003-.27-.083l.002-.485c0-.16.516-.248.649-.101m4.655.813c.234.033.466.047.702.012c.181-.026.358-.047.525-.128l.141-.094c.029-.07.024-.146-.027-.207s-.219-.133-.321-.151l-.127-.024l-.109-.022l-.14-.03l-.186-.036c-.081-.016-.17-.014-.231-.084c-.015-.018-.005-.074.014-.086a.3.3 0 0 1 .091-.03l.146-.024a1 1 0 0 1 .301.001l.131.023c.094.017.162.098.172.2l.261-.002l-.002-.318c-.078-.027-.139-.035-.215-.045l-.185-.026l-.775.003l-.188.04a.7.7 0 0 0-.338.166v.222a.64.64 0 0 0 .287.127l.128.029l.153.032l.183.034l.166.028a.33.33 0 0 1 .229.131l-.119.079c-.069.045-.331.057-.452.033l-.143-.029a.3.3 0 0 1-.118-.086l-.012-.106l-.301.008l.002.294q.078.027.154.038l.205.029Zm-11.43-.313c-.023.051-.067.106-.13.12l-.144.032l-.158.024c-.05.007-.106-.017-.153-.023a.56.56 0 0 1-.32-.159l-.004-.104h.681l.773-.007c.005-.092.015-.184-.005-.266s-.172-.198-.275-.242l-.139-.06l-.169-.039l-.155-.033c-.194-.013-.383-.028-.574 0l-.257.039a.84.84 0 0 0-.455.225l-.058.08l-.009.158c-.019.004-.057.037-.045.046l.045.036l.008.165c.034.01.039.062.055.075l.112.088c.314.248 1.354.253 1.712.026a.4.4 0 0 0 .166-.233l-.44-.003l-.063.054Zm10.498.005l-.192.134l-.088.014c-.194.071-.518-.067-.528-.225a1.5 1.5 0 0 1 .005-.309c.059-.096.131-.174.237-.178l.36-.012c.138-.004.27.083.29.229h.282l-.001-.353l-.138-.028l-.25-.031a2.5 2.5 0 0 0-.664-.001l-.218.032l-.135.033a.66.66 0 0 0-.309.169l-.055.056l-.063.082l.002.336a.2.2 0 0 1 .048.096l.087.066c.034.066.084.081.148.107c.058.024.115.051.18.065c.367.075.978.112 1.24-.118l.119-.104a.3.3 0 0 0 .003-.124l-.309-.001c-.019 0-.039.054-.053.063Zm-1.466.31l.002-.141l-.118-.007l-.13-.037l-.06-.069v-.795l-.852.001a.25.25 0 0 0 .004.127c.028.068.171-.004.258.08l-.002.659l-.144.031l-.126.011l.016.137l1.152.001Z"/><path fill="currentColor" d="m11.623 12.607l.136-.033v-.59c-.07-.097-.187-.117-.293-.117a.64.64 0 0 0-.406.113v.556a.3.3 0 0 0 .262.074l-.004.145h-1.155l-.002-.14l.132-.008l.12-.034l.054-.07v-1.012l-.106-.068l-.2-.005l.002-.157l.894-.002l.004.518c.298-.124.59-.134.914-.092a.64.64 0 0 1 .315.165l.059.068l.002.585l.057.07l.116.035c.029.009.093.005.133.005l-.005.142h-1.135a.2.2 0 0 1-.022-.14Zm-6.151.006h.179l-.004.142H4.221l-.002-.142c.18.004.416-.008.416-.144v-.943c-.036-.035-.097-.048-.152-.044l-.472.036l-.096.075l-.005.118l-.303-.003l.004-.449h2.672v.447l-.272.005l-.043-.084c-.073-.143-.143-.092-.251-.142h-.362a.34.34 0 0 0-.144.048l.002.905l.047.09c.021.041.154.085.212.084Zm8.9-.673c-.133-.147-.649-.058-.649.101l-.002.485c.058.08.162.093.27.083l.003.146h-1.148l-.001-.142c.046 0 .102 0 .132-.008l.124-.035l.001-.647c-.017-.014-.063-.05-.087-.05l-.168-.004v-.16l.788-.002l.01.056c.002.012.037.009.049.005l.094-.035l.127-.032l.174-.026c.299-.016.637-.042.842.158a.4.4 0 0 0 .066.047c.005.039.012.089.051.123l.003.536c.074.061.139.093.245.068l-.005.148h-1.155l-.001-.14l.132-.008l.113-.03l.061-.076v-.487Z"/><path fill="currentColor" d="m7.597 12.44l.062-.055l.44.004a.4.4 0 0 1-.165.233c-.359.227-1.399.222-1.712-.026l-.112-.088c-.017-.013-.021-.065-.055-.075l-.008-.165l-.045-.036c-.012-.009.026-.043.045-.047l.008-.158l.058-.08a.84.84 0 0 1 .456-.224l.257-.039c.191-.029.38-.013.574 0l.155.033l.168.038l.14.06c.102.045.254.162.274.242s.011.174.006.267l-.774.007h-.68l.004.104a.55.55 0 0 0 .32.158c.047.007.102.031.153.024l.158-.024l.144-.032c.063-.014.107-.069.129-.12Zm-.062-.31l-.003-.103c-.067-.06-.141-.151-.241-.152l-.306-.003l-.072.023c-.13.042-.246.09-.225.234h.848Zm11.492.623l-.205-.03a.7.7 0 0 1-.154-.038l-.002-.293l.301-.008l.012.106a.3.3 0 0 0 .118.086l.143.029c.121.024.383.012.452-.034l.119-.078a.32.32 0 0 0-.229-.131l-.166-.029l-.183-.033l-.153-.032l-.128-.029a.63.63 0 0 1-.287-.128v-.221a.7.7 0 0 1 .338-.166l.188-.041l.775-.002l.185.026c.076.01.137.018.215.045l.002.317l-.261.003c-.01-.103-.078-.183-.172-.2l-.131-.023a1 1 0 0 0-.301-.002l-.146.024a.3.3 0 0 0-.091.031c-.019.011-.029.068-.014.085c.061.07.149.068.231.084l.186.036l.14.03l.109.023l.127.023c.102.019.269.09.321.152s.056.136.027.207l-.141.093c-.166.082-.343.103-.525.129a2.4 2.4 0 0 1-.702-.013Zm-.932-.308c.013-.01.034-.064.052-.064l.309.002a.3.3 0 0 1-.003.123l-.118.104c-.263.231-.874.193-1.24.118c-.066-.013-.123-.041-.181-.065c-.063-.026-.114-.041-.148-.106l-.087-.066a.17.17 0 0 0-.048-.097l-.002-.336l.063-.081l.055-.056a.66.66 0 0 1 .31-.17l.134-.033l.218-.032c.22-.032.444-.026.664.001l.25.032l.138.027v.353h-.281c-.019-.147-.151-.234-.29-.229l-.359.012c-.107.003-.179.081-.238.177a1.4 1.4 0 0 0-.005.31c.011.157.335.296.528.225l.089-.014l.191-.135Zm-8.576.142l.116-.04c.068-.024.125-.092.171-.156c.116-.015.229-.012.369 0c-.196.436-.775.417-1.215.373c-.215-.027-.419-.084-.578-.233l-.047-.062c-.002-.046-.014-.08-.05-.106v-.262c.034-.021.052-.05.043-.098l.155-.152a.4.4 0 0 1 .144-.066l.224-.065l.196-.033c.244-.04.492-.026.735.004l.196.025l.137.03v.353l-.282.001c.016-.108-.078-.185-.165-.203l-.068-.026l-.355.004c-.093 0-.189.082-.262.138l-.062.09v.258l.058.084l.062.062c.052.053.129.067.198.085a.44.44 0 0 0 .279-.007Zm7.11.168l-1.152-.001l-.016-.137l.126-.011l.144-.031l.002-.659c-.087-.084-.229-.012-.258-.08a.25.25 0 0 1-.004-.127l.852-.001v.795l.06.069l.13.037l.118.007l-.002.141Zm-.196-1.289l-.166.102c-.169.043-.442.033-.547-.053c-.06-.05-.055-.185.015-.222a.63.63 0 0 1 .576-.02l.121.063Z"/><path fill="currentColor" d="M7.535 12.13h-.848c-.02-.144.096-.193.225-.235l.072-.023l.306.003c.099 0 .174.092.241.152Z"/></svg>

How to use the Technics icon

React

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

<Icon icon="cbi:technics" width="24" />

Vue

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

<template>
  <Icon icon="cbi:technics" width="24" />
</template>

Svelte

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

<Icon icon="cbi:technics" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:technics"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/technics.svg" alt="Technics icon" width="24" height="24">

Technics icon FAQ

Is the Technics 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 Technics icon in React?

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

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

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

Browse all Custom Brand Icons →