Qodo アイコン
simple-icons:qodo
Qodo アイコン(simple-icons:qodo)は、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="M10.115 1.886C4.76 1.886 0 6.413 0 12s4.528 10.115 10.115 10.115c3.536 0 6.648-1.814 8.456-4.563c-1.175-.42-2.708-.929-4.024-1.248c-1.01-.243-2.165-.505-3.119-.505c-.653 0-1.161.118-1.546.364c-1.293.819-2.207 3.672-2.631 5.11a9 9 0 0 1-.584-.2c.64-2.153 1.538-4.586 2.884-5.438c1.249-.788 3.142-.42 5.139.065c2.805.68 5.737 1.881 7.085 2.436c.318.131.396.127.554.029l1.542-.957c.147-.09.16-.206.082-.391c-.432-1.03-2.444-3.906-5.855-6.389a.8.8 0 0 1-.342.164c0 .031-.002.066-.005.096c2.418 1.735 4.13 3.67 5.058 4.994l-2.29 1.495c-1.434-.564-3.611-1.368-5.724-1.88c-2.087-.506-4.076-.887-5.462-.012c-1.173.743-2.096 2.444-3.052 5.638a9.71 9.71 0 0 1-5.86-8.922c0-1.186.212-2.324.603-3.375A16.4 16.4 0 0 1 4.274 7.4l.063.093l.835 1.144c.07.094.201.118.295.046a.214.214 0 0 0 .045-.297l-.836-1.144a1.4 1.4 0 0 1-.258-.6c-.073-.49.191-.649.399-.725c.238-.088.443-.085.62.017c.286.16.446.545.477.709c.05.257.39 1.452.404 1.503a.21.21 0 0 0 .26.146a.21.21 0 0 0 .144-.262a68 68 0 0 1-.278-1.003c1.675-.154 3.147.007 4.765.469a20.5 20.5 0 0 1 3.678 1.45h.898a21 21 0 0 0-3.74-1.636c.208-.424.32-.768.323-1.014a.96.96 0 0 0-.16-.661q-.228-.32-.704-.398c-.796-.13-1.15.46-1.228.813l-.09.76a13 13 0 0 0-3.843-.195c-.002-.016-.009-.036-.012-.048c-.047-.237-.25-.749-.684-.994q-.43-.243-.97-.046c-.516.193-.755.613-.668 1.187c.014.102.045.204.081.306c-.934.245-1.876.598-2.819 1.036a9 9 0 0 1 .452-.884q.83-.345 1.654-.596c-.03-.763.365-1.361 1.089-1.63c.498-.185 1.023-.174 1.487.085c.395.223.665.582.824.93q.428-.026.85-.026c.679 0 1.36.05 2.025.153l.015-.105c.1-.69.784-1.54 1.94-1.356c.606.1.937.41 1.108.652c.356.504.334 1.128.157 1.662a22 22 0 0 1 4.143 2.01h.58a.83.83 0 0 1 .83.834c0 .02-.005.06-.01.101q.623.449 1.184.91c.133.11.428.36.607.512c-.356-5.264-4.738-9.423-10.092-9.423m1.114 3.75a1 1 0 0 1 .201.01c.561.093.527.508.517.59l-.003.037c0 .113-.042.376-.306.905a21 21 0 0 0-1.046-.289l.09-.774c.012-.053.123-.447.547-.48M8.792 9.562a.212.212 0 0 0 0 .423h.27l.011.011c.005.006.163.113.163.339v.03c0 .26-.003.869.423 1.3c.297.3.738.453 1.31.453c.774 0 1.277-.255 1.537-.778c.16-.32.2-.697.21-1.064h.949c.011.367.05.745.21 1.064c.258.523.763.778 1.537.778c.572 0 1.013-.153 1.31-.452c.43-.432.426-1.04.423-1.3v-.031c0-.12.07-.296.177-.35h.27a.212.212 0 0 0 0-.423z"/></svg>Qodo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:qodo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:qodo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:qodo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--qodo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:qodo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:qodo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/qodo.svg" alt="Qodo アイコン" width="24" height="24">他のアイコンセットの Qodo アイコン
Qodo アイコン のよくある質問
Qodo アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Qodo アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:qodo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Qodo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/qodo.svg" alt="Qodo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。