Cog Remix icon
streamline-sharp:cog-remix
The Cog Remix icon (streamline-sharp:cog-remix) is a free SVG icon from the Sharp free icons set by Streamline. It is drawn on a 24 × 24 grid. Sharp free 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
- Sharp free icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- InterfaceEssential
- Tags
- cogremix
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.003 0C10.886 0 9.786.156 8.73.455l-.909.258v2.151q-.868.4-1.638.947l-1.046-.604l-.818-.472l-.678.658a12 12 0 0 0-1.998 2.55l-.003.007l-.058.1l-.004.006a12 12 0 0 0-1.21 3.006l-.231.916l.818.472l1.046.604a10 10 0 0 0 0 1.892l-1.046.604l-.818.472l.231.916a12 12 0 0 0 1.21 3.005l.003.006l.06.103l.003.006a12 12 0 0 0 1.997 2.549l.678.658l.818-.472l1.046-.604q.77.548 1.638.947v2.151l.91.258a12 12 0 0 0 6.545 0l.909-.258v-2.151a10 10 0 0 0 1.638-.947l1.046.604l.818.472l.678-.658l.123-.122a12 12 0 0 0 3.15-5.547l.231-.916l-.818-.472l-1.047-.605a10 10 0 0 0 0-1.89l1.047-.605l.818-.472l-.231-.916a12 12 0 0 0-3.15-5.547l-.123-.122l-.678-.658l-.818.472l-1.046.604a10 10 0 0 0-1.638-.947V.713l-.91-.258A12 12 0 0 0 12.004 0M10.32 3.705V2.65a9.5 9.5 0 0 1 3.364 0v1.939l.833.295c.882.311 1.69.783 2.388 1.38l.672.575l.766-.442l.915-.528a9.5 9.5 0 0 1 1.682 2.913l-.914.527l-.765.442l.16.868a7.6 7.6 0 0 1 0 2.762l-.16.868l.765.441l.914.528a9.5 9.5 0 0 1-1.682 2.913l-.915-.528l-.766-.442l-.672.575a7.5 7.5 0 0 1-2.388 1.38l-.833.295v1.939a9.5 9.5 0 0 1-3.364 0v-1.939l-.833-.295a7.5 7.5 0 0 1-2.388-1.38l-.672-.575l-.766.442l-.916.528a9.5 9.5 0 0 1-.942-1.333l-.056-.096a9.5 9.5 0 0 1-.683-1.483l.914-.528l.765-.442l-.16-.868a7.6 7.6 0 0 1 0-2.762l.16-.868l-.765-.442l-.914-.528q.277-.771.684-1.484l.054-.094q.412-.706.943-1.335l.916.53l.766.441l.672-.575a7.5 7.5 0 0 1 2.388-1.38l.833-.295zM15.501 12a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0" clip-rule="evenodd"/></svg>How to use the Cog Remix icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-sharp:cog-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-sharp:cog-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-sharp:cog-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-sharp--cog-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-sharp -->
<div class="i-streamline-sharp:cog-remix"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-sharp:cog-remix"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-sharp/cog-remix.svg" alt="Cog Remix icon" width="24" height="24">Related icons in Sharp free icons
Cog Remix icon in other icon sets
Cog Remix icon FAQ
Is the Cog Remix icon free for commercial use?
Yes. Sharp free 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 Cog Remix icon in React?
Install @iconify/react and render <Icon icon="streamline-sharp:cog-remix" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cog Remix icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-sharp/cog-remix.svg" alt="Cog Remix icon">, or paste the SVG code inline to style it with CSS.