Ícone Car Fill
f7:car-fill
O ícone Car Fill (f7:car-fill) é um ícone SVG gratuito da coleção Framework7 Icons de Vladimir Kharlampidi. Ele é desenhado em uma grade de 56 × 56. Framework7 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
- Framework7 Icons
- Autor
- Vladimir Kharlampidi
- Licença
- MIT
- Tamanho
- 56 × 56
- Tags
- carfill
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M3.379 49.738h2.766c1.734 0 3.093-1.336 3.093-3.07v-3.937c5.204.328 12.727.562 18.75.562c6.047 0 13.57-.234 18.774-.562v3.937c0 1.734 1.336 3.07 3.093 3.07h2.766c1.758 0 3.117-1.336 3.117-3.07V33.145c0-3.938-.797-6.165-2.976-8.977l-1.969-2.555c-.867-4.218-2.414-8.648-3.234-10.382c-1.243-2.649-3.68-4.22-6.797-4.641c-1.57-.188-6.703-.328-12.774-.328c-6.046 0-11.18.164-12.75.328c-3.117.375-5.554 1.992-6.796 4.64c-.82 1.735-2.368 6.165-3.235 10.383l-1.969 2.555C1.058 26.981.262 29.207.262 33.145v13.523c0 1.734 1.36 3.07 3.117 3.07m6.563-30.07c.562-2.578 1.687-5.93 2.46-7.29c.633-1.1 1.313-1.57 2.579-1.733c1.78-.258 5.765-.399 13.007-.399c7.266 0 11.25.094 13.032.399c1.242.187 1.921.632 2.578 1.734c.797 1.336 1.851 4.71 2.46 7.289c.212.867-.14 1.195-1.054 1.125c-3.89-.234-8.531-.492-17.016-.492c-8.46 0-13.101.258-16.992.492c-.914.07-1.242-.258-1.055-1.125m.96 17.555c-2.226 0-3.89-1.688-3.89-3.891c0-2.227 1.664-3.89 3.89-3.89s3.891 1.663 3.891 3.89c0 2.203-1.664 3.89-3.89 3.89m34.196 0c-2.227 0-3.89-1.688-3.89-3.891c0-2.227 1.663-3.89 3.89-3.89c2.203 0 3.89 1.663 3.89 3.89c0 2.203-1.687 3.89-3.89 3.89m-23.32-1.078c-1.641 0-2.79-1.172-2.79-2.813c0-1.664 1.149-2.812 2.79-2.812h12.445c1.64 0 2.789 1.148 2.789 2.812c0 1.64-1.149 2.813-2.79 2.813Z"/></svg>
Como usar o ícone Car Fill
React
import { Icon } from "@iconify/react";
<Icon icon="f7:car-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:car-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:car-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--car-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:car-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:car-fill"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/f7/car-fill.svg" alt="Ícone Car Fill" width="24" height="24">
Ícones relacionados em Framework7 Icons
O ícone Car Fill em outras coleções
Perguntas frequentes sobre Ícone Car Fill
O ícone Car Fill é grátis para uso comercial?
Sim. Framework7 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Car Fill no React?
Instale @iconify/react e renderize <Icon icon="f7:car-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Car Fill a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/f7/car-fill.svg" alt="Ícone Car Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Framework7 Icons →
ICONYZ
