Code Standards icon
dashicons:code-standards
The Code Standards icon (dashicons:code-standards) is a free SVG icon from the Dashicons set by WordPress. It is drawn on a 20 × 20 grid. Dashicons are released under the GPL license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Dashicons
- Author
- WordPress
- License
- GPL-2.0-or-later
- Size
- 20 × 20
- Tags
- codestandards, standard
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M6.1 9.5V8.4c0-.5-.2-.7-.7-.8c.6-.1.8-.3.8-.9V5.6c0-.4.1-.5.7-.5h.3v-.5h-.6c-.9 0-1.3.2-1.3 1c0 .5.1.8.1 1.2c0 .2-.2.5-.9.5v.6c.7 0 .9.3.9.5c0 .4-.1.7-.1 1.2c0 .8.4 1 1.3 1h.5V10h-.3c-.5 0-.7-.1-.7-.5m10.4 4.4c-.8-.8-1.7-1.4-2.6-2c-.1-.1-1.1-1.1-1.5-1.4c2.4-4-1.1-9.2-5.7-8.5c-4.4.7-6.3 6.2-3.2 9.4c1.7 1.9 4.6 2.3 6.9 1.1c.6.6 1.1 1.1 1.6 1.7c.7.9 1.2 1.8 2.1 2.5c.6.5 1.4 1.2 2.3 1.3c1.1.1 1.7-.6 1.7-1.6c-.1-.9-1-1.9-1.6-2.5m-8.9-2.3c-2.2 0-4-1.8-4-4s1.8-4 4-4s4 1.8 4 4s-1.8 4-4 4m2.1-4.8c0-.4.1-.7.1-1.2c0-.8-.4-1-1.3-1H8v.5h.3c.5 0 .7.1.7.5v1.1c0 .5.2.7.7.8c-.6.2-.8.4-.8.9v1.1c.1.4-.1.5-.6.5H8v.6h.5c.9 0 1.3-.2 1.3-1c0-.5-.1-.8-.1-1.2c0-.2.2-.5.9-.5v-.6c-.7 0-.9-.3-.9-.5"/></svg>How to use the Code Standards icon
React
import { Icon } from "@iconify/react";
<Icon icon="dashicons:code-standards" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="dashicons:code-standards" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="dashicons:code-standards" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[dashicons--code-standards]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/dashicons -->
<div class="i-dashicons:code-standards"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="dashicons:code-standards"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/dashicons/code-standards.svg" alt="Code Standards icon" width="24" height="24">Code Standards icon FAQ
Is the Code Standards icon free for commercial use?
Yes. Dashicons are released under the GPL license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license.
How do I use the Code Standards icon in React?
Install @iconify/react and render <Icon icon="dashicons:code-standards" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Code Standards icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/dashicons/code-standards.svg" alt="Code Standards icon">, or paste the SVG code inline to style it with CSS.