Coding アイコン

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

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

streamline-stickies-color:coding

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

アイコンセット: Stickies color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 40 × 40
カテゴリ: テクノロジー・コンピューター

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#ffe236" stroke="#231f20" d="M26.8 2.41A1.48 1.48 0 0 0 26 .79a1.46 1.46 0 0 0-1.77.36a46 46 0 0 0-2.68 4.77a48 48 0 0 0-2.17 5A1.47 1.47 0 0 0 22 12.21a47 47 0 0 0 2.68-4.77a49 49 0 0 0 2.12-5.03Zm-9.28 3.87a9 9 0 0 0-.39-.8c.2-.18.41-.38.64-.62c.06-.06 2.63-2.52 1.54-3.58A1.45 1.45 0 0 0 17.63 1a7.4 7.4 0 0 0-1.94 1.59a7.3 7.3 0 0 0-1.53 2a1.6 1.6 0 0 0-.15.86a7.4 7.4 0 0 0 .78 2.38a7 7 0 0 0 1.3 2.14a1.43 1.43 0 0 0 1.68.26c1.39-.7-.21-3.87-.25-3.95Zm11.39.5c.14.3.27.56.39.8c-.19.18-.4.38-.63.62c-.06.06-2.64 2.52-1.54 3.58a1.44 1.44 0 0 0 1.67.32a7.1 7.1 0 0 0 1.94-1.59a7 7 0 0 0 1.53-2a1.5 1.5 0 0 0 .15-.86a7.4 7.4 0 0 0-.78-2.38a7.6 7.6 0 0 0-1.29-2.15a1.46 1.46 0 0 0-1.69-.25c-1.39.65.21 3.83.25 3.91Z"/><path fill="#48eeff" stroke="#231f20" d="M21.51 15.62c-1-.57-6-.35-10.08.27s-8.89 1.89-9.7 2.75C0 19.63.48 23.32.9 26.08s1.2 7.36 3.15 7.8c.59.32 2.47.39 4.74.27V37c-.76.32-1.12.62-1 1.38s.51 1 1.32 1c.28 0 11.11-1.62 11.49-1.75c.74-.25 1.08-.63 1-1.33s-.55-.94-1.37-1l-.82-2.72c2.2-.57 4-1.19 4.44-1.68c1.73-1 1.1-5.61.68-8.38s-1.07-6.46-3.02-6.9Z"/><path fill="#fff" stroke="#231f20" d="M21 28.65c1.3-.71 1-3.31.67-5.25s-.75-4.52-2.21-4.82c-.76-.39-4.5-.2-7.55.26s-6.67 1.4-7.29 2c-1.3.71-1 3.3-.67 5.25s.75 4.52 2.21 4.81c.77.4 4.5.21 7.55-.26s6.65-1.38 7.29-1.99Z"/><path stroke="#231f20" stroke-linecap="round" d="M11.22 36.32a13.3 13.3 0 0 1 3.21-.74a13 13 0 0 1 3.29-.25"/><path stroke="#fff" stroke-linecap="round" d="M19.54 16.83c1.73.29 2 .54 2.8 2.43"/><path fill="#ff52a1" stroke="#231f20" d="M30 20.64c1.15-.54 3.15.06 4.9 1.13s3.19 2.58 3.24 3.85a13.51 13.51 0 0 1-6.64 10.85c-1.15.54-3.15-.06-4.9-1.13s-3.19-2.58-3.24-3.85A13.51 13.51 0 0 1 30 20.64Z"/><path stroke="#231f20" stroke-linecap="round" d="M35.17 28.91a10.33 10.33 0 0 1-6.78-4.15m5.05-.64l-2.08 3.39"/><path stroke="#fff" stroke-linecap="round" d="M36.37 27c.28-1.52.34-1.47-.81-2.56"/><path fill="#fff" stroke="#231f20" stroke-linecap="round" d="M30.04 27.51a1.32 1.32 0 1 0 2.64 0a1.32 1.32 0 0 0-2.64 0Z"/><path fill="#ffe236" stroke="#231f20" d="M30.73 15.51a1.69 1.69 0 1 0 3.38 0a1.69 1.69 0 0 0-3.38 0Zm5.39-4.48a1.69 1.69 0 1 0 3.38 0a1.69 1.69 0 0 0-3.38 0Z"/></g></svg>

Coding アイコンの使い方

React

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

<Icon icon="streamline-stickies-color:coding" width="24" />

Vue

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

<template>
  <Icon icon="streamline-stickies-color:coding" width="24" />
</template>

Svelte

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

<Icon icon="streamline-stickies-color:coding" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--coding]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:coding"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-stickies-color:coding"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/coding.svg" alt="Coding アイコン" width="24" height="24">

Stickies color icons の関連アイコン

Coding アイコンのよくある質問

Coding アイコンは商用利用でも無料ですか?

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

React で Coding アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-stickies-color:coding" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Coding アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/coding.svg" alt="Coding アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Stickies color icons をすべて見る →