3d Filament icon

cbi:3d-filament

The 3d Filament icon (cbi:3d-filament) 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: 3dfilament

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="M7.01 12c0-4.741 1.73-8.585 3.864-8.585c.03 0 .057.018.087.02A3.02 3.02 0 0 0 8.646 2a2 2 0 0 0-.255.029A2 2 0 0 0 8.136 2c-2.486 0-4.5 4.477-4.5 10s2.015 10 4.5 10a2 2 0 0 0 .255-.029a2 2 0 0 0 .255.029a3.02 3.02 0 0 0 2.315-1.435c-.03 0-.058.02-.087.02c-2.134 0-3.864-3.844-3.864-8.585m2.008 8.585c-2.135 0-3.865-3.844-3.865-8.585s1.73-8.585 3.865-8.585c.045 0 .087.027.133.03C7.08 3.6 5.419 7.36 5.419 12s1.661 8.4 3.732 8.555c-.046.003-.088.03-.133.03m.928 0c-2.134 0-3.864-3.844-3.864-8.585s1.73-8.585 3.864-8.585c.055 0 .107.032.162.037c-2.057.193-3.7 3.931-3.7 8.548s1.645 8.355 3.7 8.548a2 2 0 0 1-.162.037M8.136 12c0-4.467 1.541-8.094 3.5-8.5a2 2 0 0 0-.36-.081a2 2 0 0 0-.2.046C9.038 3.7 7.415 7.413 7.415 12s1.623 8.3 3.661 8.539a2 2 0 0 0 .2.046a2 2 0 0 0 .36-.081c-1.959-.41-3.5-4.037-3.5-8.504m1.147 0c0-4.459 1.536-8.081 3.493-8.5a2 2 0 0 0-.371-.083a2 2 0 0 0-.2.046C10.165 3.7 8.541 7.413 8.541 12s1.624 8.3 3.662 8.539a2 2 0 0 0 .2.046a2 2 0 0 0 .371-.083c-1.955-.421-3.491-4.043-3.491-8.502m6.581-10a2 2 0 0 0-.244.027A3 3 0 0 0 15.375 2a3.02 3.02 0 0 0-2.314 1.435l-.065.087c-1.907.527-3.388 4.1-3.388 8.478s1.481 7.951 3.392 8.478l.065.087A3.02 3.02 0 0 0 15.375 22c.082 0 .164-.014.245-.027a2 2 0 0 0 .244.027c2.486 0 4.5-4.477 4.5-10s-2.014-10-4.5-10m.608 1.515c1.89.491 3.361 3.975 3.407 8.285h-.137c-.035-4.169-1.453-7.558-3.27-8.041Zm0 .448c1.708.494 3.037 3.788 3.071 7.834H19.4c-.009-3.941-1.289-7.157-2.928-7.606Zm2.914 8.242h.153c-.055 4-1.373 7.249-3.067 7.739v-.458c1.592-.436 2.836-3.486 2.914-7.281m-2.914 7.089v-.514c1.483-.436 2.631-3.183 2.677-6.574h.059c-.075 3.675-1.24 6.641-2.736 7.088m0-14.91c1.541.46 2.741 3.587 2.749 7.413h-.072c-.046-3.391-1.194-6.138-2.677-6.574Zm-.447-.969c.014 0 .027.009.042.01v.24c-.011 0-.02-.007-.031-.007c-2.022 0-3.666 3.638-3.7 8.139h-.166c.049-4.645 1.752-8.382 3.855-8.382M12.778 11.8h-.246c.036-4.388 1.591-7.935 3.5-7.935c.011 0 .02.007.031.007v.236c-1.806.025-3.276 3.459-3.285 7.692m3.289-7.5v.836c-1.676 0-3.033 2.964-3.082 6.664h-.029c.01-4.125 1.4-7.473 3.111-7.5M10.27 12c0-3.548.97-6.592 2.352-7.9a10 10 0 0 0-.749 1.625A14.8 14.8 0 0 0 10.629 12a14.8 14.8 0 0 0 1.244 6.275a10 10 0 0 0 .749 1.625c-1.382-1.308-2.352-4.352-2.352-7.9m5.8 8.575c-.015 0-.028.01-.042.01c-2.1 0-3.806-3.737-3.855-8.382h.166c.061 4.456 1.693 8.044 3.7 8.044c.011 0 .02-.006.031-.007Zm0-.537c-.011 0-.02.007-.031.007c-1.9 0-3.442-3.5-3.5-7.84h.256c.083 4.077 1.513 7.34 3.275 7.366Zm0-.656c-1.666-.028-3.016-3.206-3.1-7.176h.018c.049 3.7 1.406 6.665 3.082 6.665Zm-1.16-7.437c0-1.422.519-2.576 1.16-2.576s1.159 1.151 1.159 2.573s-.519 2.575-1.159 2.575s-1.163-1.15-1.163-2.572Zm1.565 8.54v-.336c1.8-.479 3.21-3.821 3.266-7.946h.141c-.048 4.306-1.52 7.791-3.41 8.282Z"/></svg>

How to use the 3d Filament icon

React

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

<Icon icon="cbi:3d-filament" width="24" />

Vue

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

<template>
  <Icon icon="cbi:3d-filament" width="24" />
</template>

Svelte

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

<Icon icon="cbi:3d-filament" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:3d-filament"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/3d-filament.svg" alt="3d Filament icon" width="24" height="24">

Related icons in Custom Brand Icons

3d Filament icon FAQ

Is the 3d Filament 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 3d Filament icon in React?

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

How do I add the 3d Filament icon to a web page?

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

Browse all Custom Brand Icons →