Иконка Code 2 Outline

solar:code-2-outline

Иконка Code 2 Outline (solar:code-2-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: ИТ
Теги: codeoutline

Скачать SVG

Код SVG

<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>

Как использовать иконку Code 2 Outline

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Code 2 Outline

Можно ли бесплатно использовать иконку Code 2 Outline в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Code 2 Outline в React?

Установите @iconify/react и выведите <Icon icon="solar:code-2-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Code 2 Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/code-2-outline.svg" alt="Иконка Code 2 Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →