Carto アイコン
simple-icons:carto
Carto アイコン(simple-icons:carto)は、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="M19.138 7.138a4.862 4.862 0 1 1-4.351 7.034h.468a4.448 4.448 0 1 0 0-4.345h-.468a4.86 4.86 0 0 1 4.351-2.69m0 3.31a1.552 1.552 0 1 1 0 3.104a1.552 1.552 0 0 1 0-3.104m-17.577.011c.606 0 .997.255 1.26.615l-.62.48c-.17-.208-.364-.348-.649-.348c-.415 0-.708.356-.708.789v.008c0 .445.293.793.708.793c.31 0 .492-.144.67-.36l.62.44c-.28.386-.658.67-1.31.67A1.507 1.507 0 0 1 0 12.012v-.008c0-.866.662-1.544 1.56-1.544zm4.734.038l1.264 2.99h-.882l-.212-.534h-1.15l-.211.535h-.861l1.26-2.99zm4.27.022c.454 0 .768.118.968.318c.174.174.263.398.263.691v.008c0 .458-.242.76-.611.916l.708 1.035h-.946l-.598-.9h-.365v.9h-.822v-2.969zm5.399 0v.72h-.891v2.249h-.823V11.24h-.886v-.721zm-10.071.954l-.335.84h.665zm4.634-.246h-.543v.717h.548c.275 0 .44-.136.44-.352v-.008c0-.238-.173-.357-.445-.357"/></svg>Carto アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:carto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:carto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:carto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--carto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:carto"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:carto"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/carto.svg" alt="Carto アイコン" width="24" height="24">他のアイコンセットの Carto アイコン
Carto アイコン のよくある質問
Carto アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Carto アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:carto" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Carto アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/carto.svg" alt="Carto アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。