Ícone Drive Ahead
arcticons:drive-ahead
O ícone Drive Ahead (arcticons:drive-ahead) é um ícone SVG gratuito da coleção Arcticons de Donnnno. Ele é desenhado em uma grade de 48 × 48. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Arcticons
- Autor
- Donnnno
- Licença
- CC-BY-SA-4.0
- Tamanho
- 48 × 48
- Tags
- driveahead
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M43.5 20.66a7.48 7.48 0 0 1-7.482 7.478c-4.133 0-7.483-3.348-7.483-7.478s3.35-7.479 7.483-7.479A7.48 7.48 0 0 1 43.5 20.66"/><path d="M39.51 20.66a3.493 3.493 0 1 1-6.985 0a3.493 3.493 0 0 1 6.986 0"/></g><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M24.61 32.875c0 4.13-3.35 7.478-7.482 7.478s-7.483-3.348-7.483-7.478s3.35-7.479 7.483-7.479s7.482 3.348 7.482 7.479"/><path d="M20.62 32.875a3.493 3.493 0 0 1-3.492 3.493h0a3.493 3.493 0 0 1-3.493-3.493h0a3.493 3.493 0 0 1 3.493-3.493h0a3.493 3.493 0 0 1 3.493 3.493"/></g><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m21.834 16.32l.548-2.95l-1.118-1.46l.627-1.563l4.293 1.33l5.814-4.03l3.446.695l1.534 2.312l-2.205 1.656l-1.072-1.277l-1.962-.43l-3.79 2.6l-2.125 5.396l1.597 2.32l-6.493 4.091l-5.91-2.575l-3.828 2.344l.041 2.252L9.7 28.184l-5.2-3.198l5.814-3.842l6.702-1.37l6.817-4.65l1.743-3.38"/><path d="m17.623 19.28l-5.438-3.38l-6.25 8.002"/></g><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m20.093 12.397l-3.213 3.529l-2.554-.103l-1.418-1.33l.026-2.26l1.776-1.88l2.115-.1l.98.957l.954-.168z"/><path d="m16.825 10.253l-1.981 2.09l1.085.959h1.051l2.073-1.961m-.567 2.82l3.622.684m-6.505 1.029l-.7 1.717"/></g></svg>Como usar o ícone Drive Ahead
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:drive-ahead" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:drive-ahead" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:drive-ahead" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--drive-ahead]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:drive-ahead"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:drive-ahead"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/arcticons/drive-ahead.svg" alt="Ícone Drive Ahead" width="24" height="24">Ícones relacionados em Arcticons
Perguntas frequentes sobre Ícone Drive Ahead
O ícone Drive Ahead é grátis para uso comercial?
Sim. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Drive Ahead no React?
Instale @iconify/react e renderize <Icon icon="arcticons:drive-ahead" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Drive Ahead a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/arcticons/drive-ahead.svg" alt="Ícone Drive Ahead">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.