Code 2 Outline icon

solar:code-2-outline

The Code 2 Outline icon (solar:code-2-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar 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: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: IT
Tags: codeoutline

Download SVG

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="M8.55752 4.32787C8.83462 4.63576 8.80966 5.10997 8.50178 5.38707L6.80531 6.91389C6.01743 7.62298 5.48623 8.10338 5.14213 8.51241C4.81188 8.90499 4.73975 9.13417 4.73975 9.3296C4.73975 9.52502 4.81188 9.75421 5.14213 10.1468C5.48623 10.5558 6.01743 11.0362 6.80531 11.7453L8.50178 13.2721C8.80966 13.5492 8.83462 14.0234 8.55752 14.3313C8.28043 14.6392 7.80621 14.6642 7.49833 14.3871L5.76083 12.8233C5.02449 12.1607 4.41369 11.611 3.99428 11.1124C3.55325 10.5882 3.23975 10.0249 3.23975 9.3296C3.23975 8.6343 3.55325 8.07104 3.99428 7.54679C4.41369 7.04822 5.0245 6.49853 5.76084 5.83587C5.77447 5.8236 5.78814 5.81129 5.80186 5.79895L7.49833 4.27213C7.80621 3.99503 8.28043 4.01999 8.55752 4.32787ZM14.1795 4.27517C14.5798 4.38157 14.8181 4.79234 14.7117 5.19266L10.7249 20.1927C10.6185 20.593 10.2077 20.8312 9.8074 20.7248C9.40708 20.6184 9.16882 20.2077 9.27522 19.8074L13.262 4.80735C13.3684 4.40704 13.7792 4.16877 14.1795 4.27517ZM15.4426 10.4983C15.7197 10.1904 16.1939 10.1654 16.5018 10.4425L18.2392 12.0063C18.9756 12.6689 19.5864 13.2186 20.0058 13.7172C20.4469 14.2415 20.7604 14.8047 20.7604 15.5C20.7604 16.1953 20.4469 16.7586 20.0058 17.2828C19.5864 17.7814 18.9756 18.3311 18.2393 18.9937L16.5018 20.5575C16.1939 20.8346 15.7197 20.8096 15.4426 20.5017C15.1655 20.1938 15.1904 19.7196 15.4983 19.4425L17.1948 17.9157C17.9827 17.2066 18.5139 16.7262 18.858 16.3172C19.1882 15.9246 19.2604 15.6954 19.2604 15.5C19.2604 15.3046 19.1882 15.0754 18.858 14.6828C18.5139 14.2738 17.9827 13.7934 17.1948 13.0843L15.4983 11.5575C15.1904 11.2804 15.1655 10.8062 15.4426 10.4983Z" clip-rule="evenodd"/></svg>

How to use the Code 2 Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:code-2-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:code-2-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:code-2-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--code-2-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:code-2-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:code-2-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/code-2-outline.svg" alt="Code 2 Outline icon" width="24" height="24">

Related icons in Solar

Code 2 Outline icon FAQ

Is the Code 2 Outline icon free for commercial use?

Yes. Solar 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 Code 2 Outline icon in React?

Install @iconify/react and render <Icon icon="solar:code-2-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Code 2 Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/code-2-outline.svg" alt="Code 2 Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →