Ícone Car Retro
streamline-ultimate-color:car-retro
O ícone Car Retro (streamline-ultimate-color:car-retro) é um ícone SVG gratuito da coleção Ultimate color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Ultimate color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Ultimate color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Transporte
- Tags
- carretro
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ff808c" d="M17.936 11.518a14.23 14.23 0 0 0-11.875 0q-.165.071-.33.149q.181.108.335.252c1.73 1.582 3.521 7.315 3.521 7.315h4.823s1.791-5.733 3.52-7.316q.155-.143.335-.251q-.165-.077-.33-.149"/><path fill="#ffbfc5" d="M7.206 13.477a14 14 0 0 1 9.585 0c.3-.573.685-1.098 1.14-1.558q.154-.144.334-.252c-.11-.051-.22-.097-.33-.149a14.23 14.23 0 0 0-11.874 0q-.165.071-.33.149q.181.108.335.252c.455.46.84.985 1.14 1.558"/><path fill="#66e1ff" d="M6.167 8.117a5.86 5.86 0 0 1 11.664 0l.437 3.55a14.3 14.3 0 0 0-12.538 0z"/><path fill="#c2f3ff" d="M15.019 3.676a5.86 5.86 0 0 0-8.852 4.437l-.437 3.554a17 17 0 0 1 2.107-.809z"/><path fill="#ff808c" d="M5.248 11.518c1.93 0 4.34 7.716 4.34 7.716H3.167A1.93 1.93 0 0 1 1.302 17.8c-.592-2.245-.77-6.282 3.946-6.282"/><path fill="#ffbfc5" d="M5.73 13.014c1.01 0 2.14 1.902 3.05 3.916c-.876-2.274-2.302-5.412-3.532-5.412c-3.954 0-4.467 2.835-4.183 5.073c.27-1.884 1.44-3.577 4.665-3.577"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M5.248 11.518c1.93 0 4.34 7.716 4.34 7.716H3.167A1.93 1.93 0 0 1 1.302 17.8c-.592-2.245-.77-6.282 3.946-6.282"/><path fill="#ff808c" d="M18.75 11.518c-1.929 0-4.34 7.716-4.34 7.716h6.421a1.93 1.93 0 0 0 1.866-1.434c.592-2.245.77-6.282-3.947-6.282"/><path fill="#ffbfc5" d="M18.273 13.014c3.221 0 4.39 1.693 4.66 3.577c.29-2.238-.23-5.073-4.182-5.073c-1.23 0-2.657 3.138-3.528 5.41c.912-2.012 2.04-3.914 3.05-3.914"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M18.75 11.518c-1.929 0-4.34 7.716-4.34 7.716h6.421a1.93 1.93 0 0 0 1.866-1.434c.592-2.245.77-6.282-3.947-6.282"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.167 8.117a5.86 5.86 0 0 1 11.664 0l.437 3.55a14.3 14.3 0 0 0-12.538 0zm3.421 11.117h4.822"/><path fill="gray" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.695 19.234v1.446a.48.48 0 0 1-.483.483H3.32a.48.48 0 0 1-.482-.483v-1.475zm10.609 0v1.446a.48.48 0 0 0 .482.483h2.893a.483.483 0 0 0 .483-.483v-1.475z"/><path fill="#ffef5e" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M19.714 17.097a1.447 1.447 0 1 0 0-2.894a1.447 1.447 0 0 0 0 2.894m-15.43 0a1.447 1.447 0 1 0 0-2.894a1.447 1.447 0 0 0 0 2.894"/></g></svg>
Como usar o ícone Car Retro
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:car-retro" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:car-retro" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:car-retro" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--car-retro]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:car-retro"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:car-retro"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/car-retro.svg" alt="Ícone Car Retro" width="24" height="24">
Ícones relacionados em Ultimate color icons
Perguntas frequentes sobre Ícone Car Retro
O ícone Car Retro é grátis para uso comercial?
Sim. Ultimate color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Car Retro no React?
Instale @iconify/react e renderize <Icon icon="streamline-ultimate-color:car-retro" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Car Retro a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/car-retro.svg" alt="Ícone Car Retro">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ultimate color icons →
ICONYZ
