ICONYZ
日本語
theSVG の Deep Cogito アイコン

Deep Cogito アイコン

thesvg:deep-cogito

Deep Cogito アイコン(thesvg:deep-cogito)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
タグ
deepcogito
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="m19.74 21.618l4.213-10.534a.4.4 0 0 0 .027-.1l.003-.03a.4.4 0 0 0-.02-.167l-.007-.026a.4.4 0 0 0-.045-.085l-.003-.005L16.528.13c-.002-.003 0-.006-.003-.01h.004v.173h-.01c-.102-.254-.277-.285-.445-.248l-.001-.003c-.001.001-.003-.003-.003-.003h-.006s0-.038-.002-.038L4.466 3.143c-.006.002-.012-.005-.018-.003c-.022.007-.044.01-.064.021l-.039.022q-.02.011-.037.025a.5.5 0 0 0-.118.154l-.01.017L0 13.919c-.004.013.023.026.023.04v.148q0 .029.003.057l-.003.001v.006c0 .049-.011.096.016.139H.03c0 .002-.008.002-.008.002l-.01.001c.007.012.008.023.016.034l7.377 9.486v.005l.006.005l.02.02l.02.02q.011.013.023.023l.02.014a.6.6 0 0 0 .104.053l.032.01q.007.004.016.006a.5.5 0 0 0 .172.004l11.597-2.108l.041-.01l.011.001h.001c.005 0 .01-.007.015-.009q.015-.005.03-.013l.025-.012l.01-.007a.5.5 0 0 0 .096-.072l.01-.013a.4.4 0 0 0 .069-.1l.005-.008l.003-.006l.001-.003l.006-.015zm-.77-.894l-7.315-4.573l8.229-6.4l-.915 10.973zm-7.82-5.27l-2.782-10.2l11.127 3.71zm9.611-5.883l2.267 1.512l-3.022 7.554zm1.133-.278l-1.168-.778l-1.556-3.113zm-2.35-1.22L8.862 4.514l7.122-3.56zM7.71 4.129L6.063 3.58L12.1 1.932zm-2.881-.053l2.201.734l-5.137 6.605l2.936-7.34zm2.725 1.46l2.754 10.096l-9.179-1.835l6.425-8.26zM10.3 16.508L7.633 22.73l-6.223-8zm.803.313l7.065 4.417l-9.716 1.767z"/></svg>

Deep Cogito アイコンの使い方

React

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

<Icon icon="thesvg:deep-cogito" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:deep-cogito" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:deep-cogito" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--deep-cogito]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:deep-cogito"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg:deep-cogito"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/deep-cogito.svg" alt="Deep Cogito アイコン" width="24" height="24">

theSVG の関連アイコン

他のアイコンセットの Deep Cogito アイコン

Deep Cogito アイコン のよくある質問

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

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

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