Code 2 Outline アイコン

Q: Code 2 Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:code-2-outline

Code 2 Outline アイコン(solar:code-2-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: IT
タグ: 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>

Web コンポーネント

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

Solar の関連アイコン

Code 2 Outline アイコンのよくある質問

Code 2 Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Code 2 Outline アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →