ICONYZ
Português (Brasil)
Ícone Drive 32 de Qlementine Icons

Ícone Drive 32

qlementine-icons:drive-32

O ícone Drive 32 (qlementine-icons:drive-32) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 32 × 32. Qlementine 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
Qlementine Icons
Autor
Olivier Cléro
Licença
MIT
Tamanho
32 × 32
Categoria
Hardware
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M25 20a2 2 0 1 1 .001 4.001A2 2 0 0 1 25 20"/><path fill="currentColor" fill-rule="evenodd" d="M21 2c2.15 0 3.22 0 4.12.367c.798.324 1.5.848 2.03 1.52c.607.764.911 1.79 1.52 3.85l2.66 9.04c.164.558.246.838.314 1.12c.179.737.288 1.49.324 2.25c.014.29.014.581.014 1.16l-.002.401l.002.287c0 1.86 0 2.8-.305 3.53a3.97 3.97 0 0 1-2.16 2.16c-.735.304-1.67.305-3.53.305h-20l-1.23-.005c-.993-.013-1.63-.062-2.16-.246l-.14-.054a4 4 0 0 1-2.08-1.98l-.08-.182c-.304-.735-.305-1.67-.305-3.53v-.688c0-.582 0-.874.013-1.16q.042-.851.203-1.69L.33 17.9c.034-.14.072-.28.121-.455l.193-.664l2.66-9.04c.568-1.93.87-2.96 1.41-3.71l.111-.146a4.9 4.9 0 0 1 1.74-1.39l.295-.13c.678-.275 1.45-.344 2.7-.36l1.42-.006h10zM6 17c-.945 0-1.6.001-2.12.036c-.507.035-.803.1-1.03.192a2.98 2.98 0 0 0-1.62 1.62c-.093.225-.158.521-.192 1.03c-.032.463-.035 1.04-.035 1.84c.002 1.34.019 1.89.139 2.33a3.99 3.99 0 0 0 2.81 2.81c.482.131 1.1.14 2.74.14h18.6c1.64 0 2.25-.008 2.74-.14a3.99 3.99 0 0 0 2.81-2.81c.12-.44.136-.995.138-2.33c0-.796-.003-1.37-.034-1.84c-.035-.507-.1-.803-.192-1.03a2.98 2.98 0 0 0-1.62-1.62c-.225-.093-.521-.158-1.03-.192c-.516-.035-1.17-.036-2.12-.036h-20zm4.99-14c-2.24 0-3.07.017-3.75.293a4 4 0 0 0-1.63 1.22c-.456.574-.708 1.37-1.34 3.51l-2.56 8.69q.272-.19.576-.334l.182-.08c.735-.304 1.67-.305 3.53-.305h20c1.86 0 2.8 0 3.53.305c.269.11.522.252.757.416l-2.56-8.7c-.631-2.14-.883-2.94-1.34-3.51a4 4 0 0 0-1.63-1.22c-.679-.276-1.51-.293-3.75-.293h-10z" clip-rule="evenodd"/></svg>

Como usar o ícone Drive 32

React

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

<Icon icon="qlementine-icons:drive-32" width="24" />

Vue

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

<template>
  <Icon icon="qlementine-icons:drive-32" width="24" />
</template>

Svelte

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

<Icon icon="qlementine-icons:drive-32" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--drive-32]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:drive-32"></div>

Web component

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

<iconify-icon icon="qlementine-icons:drive-32"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/qlementine-icons/drive-32.svg" alt="Ícone Drive 32" width="24" height="24">

Ícones relacionados em Qlementine Icons

Perguntas frequentes sobre Ícone Drive 32

O ícone Drive 32 é grátis para uso comercial?

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

Como uso o ícone Drive 32 no React?

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

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

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

Ver todos os Qlementine Icons →