Cartesia アイコン
logos:cartesia
Cartesia アイコン(logos:cartesia)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 512 × 73 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 73
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="73" viewBox="0 0 512 73"><path fill="#1e1c1a" d="M471.663 64.968h-18.496v-3.856h4.938L477.94 7.045h9.288l19.667 54.067H512v3.856h-23.602v-3.856h8.038l-5.943-16.68h-21.088l-5.86 16.68h8.118zm-1.004-24.309h18.58l-.41-1.173c-6.59-18.854-7.897-22.776-8.799-25.65c-.92 2.85-2.341 6.957-9.371 26.823m-20.27 24.31h-22.763v-3.857h6.528v-50.21h-6.528V7.044h22.763V10.9h-6.527v50.211h6.527zm-48.791-24.142l-8.453-1.676c-10.21-1.928-14.561-6.539-14.561-16.346c0-9.053 5.941-16.765 22.177-16.765c14.645 0 20.838 5.532 20.838 16.346v.754h-8.202v-.754c0-7.628-2.845-12.574-12.804-12.574c-10.377 0-13.39 5.197-13.39 10.73c0 5.364 2.51 8.801 11.047 10.478l8.704 1.676c11.381 2.18 15.733 6.287 15.733 16.262c0 11.736-8.788 17.017-23.182 17.017c-16.068 0-22.846-6.622-22.846-17.771v-.838h8.703v1.09c0 8.968 4.938 13.663 14.31 13.663c9.96 0 14.06-4.276 14.06-10.646c0-5.7-2.26-8.718-12.134-10.646M249.284 7.884c8.285 1.34 12.05 6.622 12.05 15.004c0 7.796-3.18 12.406-10.962 15.089l12.72 23.135h4.287V47.986h4.945V64.97h-18.187l-12.971-25.232c-1.84.168-3.766.251-5.523.251h-4.938v21.124h7.113v3.857H214.47v-3.857h6.528v-50.21h-6.528V7.044h21.425c4.686 0 9.875.252 13.39.839m70.507-.839l1.883 13.915h-6.528L313.641 10.9h-14.269v50.211h6.528v3.856h-22.763v-3.856h6.527v-50.21h-14.101l-1.506 10.058h-6.611l1.882-13.915zM236.648 10.9h-5.942v25.15h6.193c3.933 0 7.28-.587 9.373-1.844c3.348-1.844 5.021-5.449 5.021-10.981c0-6.455-2.176-9.724-6.611-11.233c-1.674-.587-5.272-1.09-8.034-1.09m-65.361 54.067H152.79v-3.856h4.938l19.833-54.067h9.29l19.667 54.067h5.104v3.856h-23.6v-3.856h8.034l-5.941-16.68h-21.09l-5.858 16.68h8.118zM170.28 40.66h18.58l-.41-1.173c-6.59-18.854-7.894-22.776-8.797-25.65c-.92 2.85-2.343 6.957-9.373 26.823m-17.64-13.244h-9.206v-.503c0-9.137-2.595-17.016-13.809-17.016c-10.628 0-16.821 7.209-16.821 25.902c0 22.297 7.783 26.237 16.654 26.237c9.792 0 14.143-5.952 14.143-16.095v-.502h9.039v.419c0 11.567-7.114 20.118-23.517 20.118c-17.909 0-26.445-9.389-26.445-30.093c0-20.454 10.21-29.842 26.947-29.842c15.734 0 23.015 7.796 23.015 20.872zM370.4 20.96h-6.528l-1.882-10.059h-20.17v22.046h12.124v-6.453h4.945v16.982h-4.945v-6.673H341.82v24.31h22.721l1.506-10.982h6.444l-1.883 14.837h-45.023v-3.856h6.527v-50.21h-6.527V7.044h42.93z"/><path fill="#309d4b" d="M79.913 25.301v19.985H69.864l-1.319-1.799l-3.161-4.312l-2.153-2.936l-3.68-5.019l1.113 5.019l1.608 7.248l.399 1.799l1.21 5.449l1.503 6.78l.104.469l1.607 7.247l1.608 7.248H46.011l-1.608-7.248l-.815-3.672l-.793-3.575l-1.608-7.249l-1.209-5.449l-1.208 5.449l-1.609 7.249l-.837 3.774l-.77 3.473l-1.608 7.248H11.21l1.608-7.248l1.563-7.051v-.001l.148-.107l.121-.088l7.144-5.215l2.788-2.034l4.477-3.267l2.99-2.182H0V25.301h21.674l.12-.538l.67-3.019l1.608-7.249l1.608-7.248L27.287 0h25.338l1.608 7.247l.336 1.517l-3.716 2.712l-4.138 3.019l-3.127 2.283l-6.804 4.966l-.46.334l-4.416 3.223z"/></svg>Cartesia アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cartesia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cartesia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cartesia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cartesia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cartesia"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cartesia"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/cartesia.svg" alt="Cartesia アイコン" width="24" height="24">SVG Logos の関連アイコン
Cartesia アイコン のよくある質問
Cartesia アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cartesia アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:cartesia" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cartesia アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/cartesia.svg" alt="Cartesia アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。