Ícone Carto

thesvg:carto

O ícone Carto (thesvg:carto) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: theSVG
Autor: thesvg.org
Licença: MIT
Tamanho: 24 × 24

Baixar SVG

Código 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>

Como usar o ícone Carto

React

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

<Icon icon="thesvg:carto" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:carto" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:carto" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg:carto"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg/carto.svg" alt="Ícone Carto" width="24" height="24">

O ícone Carto em outras coleções

Perguntas frequentes sobre Ícone Carto

O ícone Carto é grátis para uso comercial?

Sim. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Carto no React?

Instale @iconify/react e renderize <Icon icon="thesvg:carto" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Carto a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg/carto.svg" alt="Ícone Carto">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones theSVG →