ICONYZ
Español
Icono Atv de Material Design Icons

Icono Atv

mdi:atv

El icono Atv (mdi:atv) es un icono SVG gratuito de la colección Material Design Icons de Pictogrammers. Está dibujado en una cuadrícula de 24 × 24. Material Design Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Material Design Icons
Autor
Pictogrammers
Licencia
Apache-2.0
Tamaño
24 × 24
Categoría
Otros transportes, Deporte
Etiquetas
quad, trike, two wheeler, all terrain vehicle, transportation + other, sport
Descargar 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="M20 11c-.2 0-.4 0-.5.1L17.4 9H20V6l-3.7 1.9L13.4 5H9v2h3.6l2 2H11l-4 2l-2-2H0v2h4c-2.2 0-4 1.8-4 4s1.8 4 4 4s4-1.8 4-4l2 2h3l3.5-6.1l1 1c-.9.7-1.5 1.9-1.5 3.1c0 2.2 1.8 4 4 4s4-1.8 4-4s-1.8-4-4-4M4 17c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m16 0c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2"/></svg>

Cómo usar el icono Atv

React

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

<Icon icon="mdi:atv" width="24" />

Vue

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

<template>
  <Icon icon="mdi:atv" width="24" />
</template>

Svelte

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

<Icon icon="mdi:atv" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="mdi:atv"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/mdi/atv.svg" alt="Icono Atv" width="24" height="24">

El icono Atv en otras colecciones

Preguntas frecuentes sobre Icono Atv

¿El icono Atv es gratis para uso comercial?

Sí. Material Design Icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Atv en React?

Instala @iconify/react y renderiza <Icon icon="mdi:atv" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Atv a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/mdi/atv.svg" alt="Icono Atv">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Material Design Icons →