Ícone Train Sharp Duotone
keyline-icons:train-sharp-duotone
O ícone Train Sharp Duotone (keyline-icons:train-sharp-duotone) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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
- Keyline Icons
- Autor
- Keyline Icons
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- trainsharp, sharpduotone, trainsharpduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M4 1L20 1C20.5523 1 21 1.4477 21 2L21 18C21 18.5523 20.5523 19 20 19L4 19C3.4477 19 3 18.5523 3 18L3 2C3 1.4477 3.4477 1 4 1Z" stroke="none"/><path d="M3 9L21 9M4 5L1 5M20 5L23 5M7 18L4.7236 22.5528M17 18L19.2764 22.5528"/><path fill="currentColor" d="M10 13.5C10 14.3284 9.3284 15 8.5 15C7.6716 15 7 14.3284 7 13.5C7 12.6716 7.6716 12 8.5 12C9.3284 12 10 12.6716 10 13.5ZM17 13.5C17 14.3284 16.3284 15 15.5 15C14.6716 15 14 14.3284 14 13.5C14 12.6716 14.6716 12 15.5 12C16.3284 12 17 12.6716 17 13.5Z" stroke="none"/></g></svg>
Como usar o ícone Train Sharp Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:train-sharp-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:train-sharp-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:train-sharp-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--train-sharp-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:train-sharp-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:train-sharp-duotone"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/train-sharp-duotone.svg" alt="Ícone Train Sharp Duotone" width="24" height="24">
Ícones relacionados em Keyline Icons
Perguntas frequentes sobre Ícone Train Sharp Duotone
O ícone Train Sharp Duotone é grátis para uso comercial?
Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Train Sharp Duotone no React?
Instale @iconify/react e renderize <Icon icon="keyline-icons:train-sharp-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Train Sharp Duotone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/train-sharp-duotone.svg" alt="Ícone Train Sharp Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Keyline Icons →
ICONYZ
