Cartesia Icon アイコン
logos:cartesia-icon
Cartesia Icon アイコン(logos:cartesia-icon)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 233 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 233
- タグ
- cartesiaicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="233" viewBox="0 0 256 233"><path fill="#309d4b" d="M256 81.053v64.021h-32.192l-4.224-5.763l-10.128-13.814l-6.896-9.406l-11.789-16.077l3.566 16.077l5.151 23.22l1.277 5.763l3.876 17.456l4.815 21.72l.333 1.5l5.148 23.216l5.153 23.22h-72.695l-5.152-23.22l-2.608-11.761l-2.541-11.455l-5.152-23.22l-3.872-17.456l-3.872 17.456l-5.152 23.22l-2.681 12.09l-2.467 11.126l-5.152 23.22H35.91l5.152-23.22l5.008-22.588v-.003l.474-.343l.387-.282l22.887-16.704l8.931-6.516l14.342-10.467l9.578-6.989H0V81.053h69.434l.384-1.724l2.147-9.673l5.149-23.22l5.152-23.22L87.414 0h81.171l5.15 23.216l1.077 4.859l-11.904 8.687l-13.257 9.674l-10.016 7.311l-21.798 15.909l-1.472 1.072l-14.147 10.325z"/></svg>Cartesia Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cartesia-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cartesia-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cartesia-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cartesia-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cartesia-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cartesia-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/cartesia-icon.svg" alt="Cartesia Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Cartesia Icon アイコン のよくある質問
Cartesia Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cartesia Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:cartesia-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cartesia Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/cartesia-icon.svg" alt="Cartesia Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。