Coderwall icon
thesvg-color:coderwall
The Coderwall icon (thesvg-color:coderwall) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 24 × 24 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#3e8dcc" d="M21.354 18.708a2.647 2.647 0 0 1 0 5.292a2.65 2.65 0 0 1-2.646-2.646a2.65 2.65 0 0 1 2.646-2.646M12 9.354c1.46 0 2.646 1.186 2.646 2.646S13.46 14.646 12 14.646S9.354 13.46 9.354 12S10.54 9.354 12 9.354m9.354 0C22.814 9.354 24 10.54 24 12s-1.186 2.646-2.646 2.646S18.708 13.46 18.708 12s1.185-2.646 2.646-2.646M12 0a2.647 2.647 0 0 1 0 5.292c-1.46 0-2.646-1.186-2.646-2.646S10.54 0 12 0M2.646 0a2.647 2.647 0 0 1 0 5.292C1.186 5.292 0 4.106 0 2.646S1.186 0 2.646 0m18.708 0a2.647 2.647 0 0 1 0 5.292a2.647 2.647 0 0 1 0-5.292"/></svg>How to use the Coderwall icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:coderwall" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:coderwall" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:coderwall" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--coderwall]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:coderwall"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:coderwall"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/coderwall.svg" alt="Coderwall icon" width="24" height="24">Coderwall icon in other icon sets
Coderwall icon FAQ
Is the Coderwall icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Coderwall icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:coderwall" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Coderwall icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/coderwall.svg" alt="Coderwall icon">, or paste the SVG code inline to style it with CSS.