Dyson Floor icon

cbi:dyson-floor

The Dyson Floor icon (cbi:dyson-floor) 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: dysonfloor

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="M12 2a4.544 4.544 0 0 0-4.544 4.544v5.318a4.53 4.53 0 0 0 1.676 3.52a4 4 0 0 0 .489.348l.082.049v1.737h.933v1.794h-.929v.95a22.2 22.2 0 0 0 4.586 0v-.95h-.933v-1.796h.933v-1.742l.086-.051a4 4 0 0 0 .489-.348a4.52 4.52 0 0 0 1.676-3.52V6.535A4.544 4.544 0 0 0 12 2M9.961 16.426v-.463a4.5 4.5 0 0 0 2.039.488a4.44 4.44 0 0 0 2.037-.488v.463a4.83 4.83 0 0 1-4.074 0Zm2.77 2.882h-1.462v-1.794h1.462Zm2.584-7.372a2.68 2.68 0 0 1-.555 1.625a3.3 3.3 0 0 1-1.01.871a3.7 3.7 0 0 1-1.787.458h-.015a3.74 3.74 0 0 1-1.786-.462a3.2 3.2 0 0 1-1.002-.867a2.7 2.7 0 0 1-.555-1.594V6.424a1 1 0 0 1 .01-.15a2.7 2.7 0 0 1 .557-1.492a3.2 3.2 0 0 1 1.01-.869a3.7 3.7 0 0 1 1.774-.455h.015a3.7 3.7 0 0 1 1.799.461a3.2 3.2 0 0 1 1 .868a2.7 2.7 0 0 1 .552 1.63l-.011 4.746v.776Zm-.329-5.362a2.77 2.77 0 0 0-.493-1.588a2.9 2.9 0 0 0-.893-.848a3.1 3.1 0 0 0-1.616-.455h-.028a3.1 3.1 0 0 0-1.576.445l-.059.035a3 3 0 0 0-.847.814a2.77 2.77 0 0 0-.495 1.449a1 1 0 0 0-.009.153v5.191a2.77 2.77 0 0 0 .495 1.55a2.9 2.9 0 0 0 .896.847a3.1 3.1 0 0 0 1.585.451h.03a3.1 3.1 0 0 0 1.602-.448l.059-.036a3 3 0 0 0 .844-.815a2.76 2.76 0 0 0 .497-1.583v-.726Zm-.27 5.242a2.53 2.53 0 0 1-.454 1.373a2.7 2.7 0 0 1-.815.774a.1.1 0 0 0-.027.018a2.83 2.83 0 0 1-1.442.398h-.011a2.83 2.83 0 0 1-1.457-.411a2.7 2.7 0 0 1-.819-.776a2.53 2.53 0 0 1-.455-1.427V6.579a1 1 0 0 1 .008-.128v-.008A2.53 2.53 0 0 1 9.7 5.108a2.7 2.7 0 0 1 .817-.772l.026-.017a2.83 2.83 0 0 1 1.431-.4h.012a2.83 2.83 0 0 1 1.467.414a2.7 2.7 0 0 1 .817.776a2.53 2.53 0 0 1 .457 1.465l-.01 4.435v.725Zm-5.26 9.137l.032-.007Zm4.837-.047v-.316a21.8 21.8 0 0 1-4.586 0v.613a20 20 0 0 0 2.293.121a21 21 0 0 0 2.293-.121v-.293q.135.019.251.043v.25a.25.25 0 0 1-.223.251a21.6 21.6 0 0 1-4.646 0a.25.25 0 0 1-.223-.251v-.249c-.468.09-.75.212-.75.358c0 .341 1.473.688 3.294.688s3.294-.347 3.294-.688c.004-.171-.379-.308-.997-.406"/></svg>

How to use the Dyson Floor icon

React

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

<Icon icon="cbi:dyson-floor" width="24" />

Vue

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

<template>
  <Icon icon="cbi:dyson-floor" width="24" />
</template>

Svelte

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

<Icon icon="cbi:dyson-floor" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:dyson-floor"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/dyson-floor.svg" alt="Dyson Floor icon" width="24" height="24">

Related icons in Custom Brand Icons

Dyson Floor icon FAQ

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

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

How do I add the Dyson Floor icon to a web page?

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

Browse all Custom Brand Icons →