Folder Cog Bold icon

solar:folder-cog-bold

The Folder Cog Bold icon (solar:folder-cog-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Tags: foldercog, cogbold, foldercogbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 12.9287C12.5981 12.9288 13.0828 13.4136 13.083 14.0117C13.083 14.61 12.5982 15.0956 12 15.0957C11.4017 15.0957 10.917 14.61 10.917 14.0117C10.9172 13.4136 11.4018 12.9287 12 12.9287Z"/><path fill-rule="evenodd" d="M6.9502 2C7.33657 2 7.53009 2.00021 7.71582 2.01758C8.51677 2.09253 9.27617 2.40751 9.89551 2.9209C10.0392 3.04 10.1768 3.17677 10.4502 3.4502L11 4C11.8156 4.81562 12.2236 5.22336 12.7119 5.49512C12.9802 5.6444 13.2653 5.76251 13.5605 5.84668C14.098 5.99985 14.6748 6 15.8281 6H16.2021C18.8343 6 20.1503 6.0002 21.0059 6.76953C21.0846 6.84031 21.1597 6.91545 21.2305 6.99414C21.9998 7.84966 22 9.16566 22 11.7979V14C22 17.7712 21.9997 19.6566 20.8281 20.8281C19.6566 21.9997 17.7712 22 14 22H10C6.22876 22 4.34345 21.9997 3.17188 20.8281C2.0003 19.6566 2 17.7712 2 14V6.9502C2 6.06798 2.00006 5.62628 2.06934 5.25879C2.37463 3.64071 3.64071 2.37463 5.25879 2.06934C5.62628 2.00006 6.06798 2 6.9502 2ZM12 10.4014C11.5978 10.4014 11.2314 10.618 10.499 11.0518L10.251 11.1992C9.51855 11.633 9.15226 11.8498 8.95117 12.207C8.75009 12.5643 8.75 12.9986 8.75 13.8662V14.1592C8.75 15.0269 8.75006 15.4611 8.95117 15.8184C9.15231 16.1755 9.51861 16.3925 10.251 16.8262L10.499 16.9727C11.2316 17.4065 11.5978 17.624 12 17.624C12.4022 17.624 12.7684 17.4065 13.501 16.9727L13.749 16.8262C14.4814 16.3925 14.8477 16.1755 15.0488 15.8184C15.2499 15.4611 15.25 15.0269 15.25 14.1592V13.8662C15.25 12.9986 15.2499 12.5643 15.0488 12.207C14.8477 11.8498 14.4814 11.633 13.749 11.1992L13.501 11.0518C12.7686 10.618 12.4022 10.4014 12 10.4014Z" clip-rule="evenodd"/></g></svg>

How to use the Folder Cog Bold icon

React

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

<Icon icon="solar:folder-cog-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:folder-cog-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:folder-cog-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-cog-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-cog-bold"></div>

Web component

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

<iconify-icon icon="solar:folder-cog-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/folder-cog-bold.svg" alt="Folder Cog Bold icon" width="24" height="24">

Related icons in Solar

Folder Cog Bold icon FAQ

Is the Folder Cog Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Folder Cog Bold icon in React?

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

How do I add the Folder Cog Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/folder-cog-bold.svg" alt="Folder Cog Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →