Verilog icon
devicon:verilog
The Verilog icon (devicon:verilog) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon 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.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#248f4f" fill-rule="evenodd" d="M48.5 0h-9l-2 11h13Zm40 0h-9l-2 11h13ZM34 21h20v-7H34Zm60 0v-7H74v7Zm-66.5 3.94l-.76.51l-.69.6l-.6.69l-.51.76l-.41.82l-.29.87l-.18.9L24 31v66l.06.91l.18.9l.29.87l.41.82l.51.76l.6.69l.69.6l.76.51l.82.41l.87.29l.9.18l.91.06h66l.91-.06l.9-.18l.87-.29l.82-.41l.76-.51l.69-.6l.6-.69l.51-.76l.41-.82l.29-.87l.18-.9l.06-.91V31l-.06-.91l-.18-.9l-.29-.87l-.41-.82l-.51-.76l-.6-.69l-.69-.6l-.76-.51l-.82-.41l-.87-.29l-.9-.18L97 24H31l-.91.06l-.9.18l-.87.29Zm69.44 41.08l-.36 3.22l-.67 3.17l-.98 3.09l-1.27 2.97l-1.57 2.84l-1.83 2.67l-2.08 2.48l-2.32 2.26l-2.53 2.03l-2.71 1.76L77.74 94l-3 1.21l-3.12.9l-3.18.59l-3.23.28l-3.23-.04l-3.22-.36l-3.17-.67l-3.09-.98l-2.97-1.27l-2.84-1.57l-2.67-1.83l-2.48-2.08l-2.26-2.32l-2.03-2.53l-1.76-2.71L34 77.74l-1.21-3l-.9-3.12l-.59-3.18l-.28-3.23l.04-3.23l.36-3.22l.67-3.17l.98-3.09l1.27-2.97l1.57-2.84l1.83-2.67l2.08-2.48l2.32-2.26l2.53-2.03l2.71-1.76L50.26 34l3-1.21l3.12-.9l3.18-.59l3.23-.28l3.23.04l3.22.36l3.17.67l3.09.98l2.97 1.27l2.84 1.57l2.67 1.83l2.48 2.08l2.26 2.32l2.03 2.53l1.76 2.71L94 50.26l1.21 3l.9 3.12l.59 3.18l.28 3.23ZM83.32 44.21L82.2 42.5h-7.87l-9.82 34.89h-1L53.69 42.5h-7.88l-1.13 1.71L56.89 85.5h14.22ZM54 107H34v7h20Zm40 0H74v7h20Zm-45.5 21l2-11h-13l2 11Zm40 0l2-11h-13l2 11Z"/></svg>How to use the Verilog icon
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:verilog" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:verilog" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:verilog" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--verilog]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:verilog"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:verilog"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/devicon/verilog.svg" alt="Verilog icon" width="24" height="24">Verilog icon in other icon sets
Verilog icon FAQ
Is the Verilog icon free for commercial use?
Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Verilog icon in React?
Install @iconify/react and render <Icon icon="devicon:verilog" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Verilog icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/verilog.svg" alt="Verilog icon">, or paste the SVG code inline to style it with CSS.