Codersrank Icon icon
logos:codersrank-icon
The Codersrank Icon icon (logos:codersrank-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 164 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 164
- Tags
- codersrankicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="164" viewBox="0 0 256 164"><path fill="#19223c" d="M139.54.23L9.01 82.4C2.863 86.117-.142 90.28.005 94.892v12.506q.22 6.923 9.233 12.28l64.599 37.286a3.047 3.047 0 0 0 4.393-1.565l14.504-35.05l-30.761-17.417a5.5 5.5 0 0 1-2.157-2.001a5.645 5.645 0 0 1 .278-6.332a5.7 5.7 0 0 1 1.656-1.49l56.474-34.61l23.287-56.705a1.36 1.36 0 0 0-.432-1.511a1.3 1.3 0 0 0-.765-.284a1.3 1.3 0 0 0-.783.23z"/><path fill="#67a4ac" d="M246.763 46.002L183.05 7.376a3.046 3.046 0 0 0-4.394 1.343l-14.94 35.05l30.32 18.088a5.5 5.5 0 0 1 2.107 2.048a5.65 5.65 0 0 1 0 5.72a5.5 5.5 0 0 1-2.106 2.056l-56.911 33.49l-24.173 56.264a1.357 1.357 0 0 0 .11 1.897a1.31 1.31 0 0 0 1.457.206a1.3 1.3 0 0 0 .41-.316l41.752-25.23l16.48 23.67a3.97 3.97 0 0 0 3.295 1.783h39.553a3.91 3.91 0 0 0 3.492-2.124a4.07 4.07 0 0 0-.197-4.13l-26.809-41.084l54.276-32.818Q256 77.706 256 70.783v-12.28c0-4.616-3.076-8.779-9.233-12.501z"/></svg>How to use the Codersrank Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:codersrank-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:codersrank-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:codersrank-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--codersrank-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:codersrank-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:codersrank-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/codersrank-icon.svg" alt="Codersrank Icon icon" width="24" height="24">Related icons in SVG Logos
Codersrank Icon icon FAQ
Is the Codersrank Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Codersrank Icon icon in React?
Install @iconify/react and render <Icon icon="logos:codersrank-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Codersrank Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/codersrank-icon.svg" alt="Codersrank Icon icon">, or paste the SVG code inline to style it with CSS.