Jdoodle アイコン
simple-icons:jdoodle
Jdoodle アイコン(simple-icons:jdoodle)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.85 4.396a.71.71 0 0 0-.046.976l2.583 2.553a.734.734 0 0 0 .988-.046a.72.72 0 0 0 0-1.035L3.898 4.396a.743.743 0 0 0-1.048 0m18.305-.004a.71.71 0 0 1 .047.977l-2.583 2.553a.734.734 0 0 1-.988-.046a.72.72 0 0 1 0-1.036l2.477-2.448a.743.743 0 0 1 1.047 0m-16.65 9.045a.73.73 0 0 1-.742.732h-2.27a.74.74 0 0 1-.741-.732c0-.408.338-.732.74-.732h2.271c.413 0 .741.333.741.732zm7.49-11.123c.413 0 .742.324.742.732v2.243a.74.74 0 0 1-.741.732a.74.74 0 0 1-.742-.732V3.046c0-.408.338-.732.742-.732zm11.257 11.132a.73.73 0 0 1-.741.732h-2.27a.74.74 0 0 1-.742-.732c0-.408.338-.732.742-.732h2.27c.413 0 .741.333.741.732m-10.135 4.06c-.03 0-.036-.048-.007-.056c1.738-.484 3.04-2.105 3.04-3.984c-.001-2.274-1.879-4.134-4.133-4.132c-2.266.015-4.119 1.898-4.105 4.159a4.14 4.14 0 0 0 3.048 3.955c.029.008.023.057-.007.057l-2.733.006a.2.2 0 0 1-.14-.057a5.72 5.72 0 0 1-1.683-3.926c-.056-3.04 2.531-5.682 5.586-5.714s5.675 2.577 5.683 5.63c-.003 1.54-.667 2.977-1.704 4.01a.2.2 0 0 1-.14.057zM24 17.92c0 .804-.244 1.417-.72 1.853c-.482.436-1.128.654-1.922.654h-7.156a2 2 0 0 0-.208-.012c-.804 0-1.21.5-1.457 1.203a.1.1 0 0 1-.096.07h-.874a.1.1 0 0 1-.095-.07c-.152-.457-.24-.826-.69-1.024q-.326-.167-.812-.167H2.642c-.808 0-1.446-.218-1.922-.654C.245 19.337 0 18.724 0 17.92q0-.148.012-.292a.1.1 0 0 1 .099-.09h1.026c.065 0 .114.06.113.125v.066q0 .584.366.913c.244.218.598.327 1.073.327h7.32c.795 0 1.427.218 1.91.66q.04.041.074.083q.04-.042.081-.082q.724-.663 1.909-.661h7.327q.705 0 1.073-.327c.244-.218.36-.525.36-.913v-.066c-.002-.064.048-.125.112-.125h1.034c.051 0 .095.039.099.09q.012.143.011.292z"/></svg>Jdoodle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:jdoodle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:jdoodle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:jdoodle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--jdoodle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:jdoodle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:jdoodle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/jdoodle.svg" alt="Jdoodle アイコン" width="24" height="24">他のアイコンセットの Jdoodle アイコン
Jdoodle アイコン のよくある質問
Jdoodle アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jdoodle アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:jdoodle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jdoodle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/jdoodle.svg" alt="Jdoodle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。