Ícone Hyundai

simple-icons:hyundai

O ícone Hyundai (simple-icons:hyundai) é um ícone SVG gratuito da coleção Simple Icons de Simple Icons Collaborators. Ele é desenhado em uma grade de 24 × 24. Simple Icons são publicados sob a licença CC0 1.0, 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: Simple Icons
Autor: Simple Icons Collaborators
Licença: CC0-1.0
Tamanho: 24 × 24

Baixar 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="M12 18.162c-6.627 0-12-2.758-12-6.163c0-3.403 5.373-6.161 12-6.161c6.628 0 12 2.758 12 6.161c0 3.405-5.372 6.163-12 6.163M7.602 7.17C3.701 7.978.973 9.83.973 11.984c0 1.193.838 2.294 2.248 3.176c.117.072.194.086.251.083c.102-.006.16-.07.201-.146a3 3 0 0 0 .097-.197c.46-1.084 2.078-4.833 4.203-7.376a1 1 0 0 0 .104-.146c.046-.084.036-.151 0-.192c-.058-.065-.224-.065-.475-.016m2.14 1.73c-1.173 2.849 1.047 2.496 1.648 2.363c1.02-.226 1.994-.613 2.774-.925c2.222-.889 3.402-1.78 3.793-2.123a2 2 0 0 0 .108-.099c.055-.058.097-.119.097-.2q0-.14-.237-.223l-.064-.025c-1.698-.541-3.724-.856-5.902-.856c-.017 0-.059-.002-.117 0c-.26.008-.55.066-.787.189c-.778.404-1.116 1.423-1.313 1.899m10.585.003a4 4 0 0 0-.096.198c-.46 1.082-2.077 4.83-4.202 7.373a1 1 0 0 0-.104.147c-.05.084-.039.153 0 .193c.057.064.223.065.474.016c3.9-.81 6.628-2.66 6.628-4.815c0-1.193-.836-2.293-2.247-3.175c-.116-.073-.194-.087-.25-.083c-.103.007-.16.07-.203.146M14.258 15.1c1.173-2.849-1.048-2.494-1.647-2.362c-1.022.225-1.996.613-2.775.924c-2.223.888-3.402 1.782-3.795 2.123q-.071.063-.106.1c-.057.057-.097.118-.097.2c0 .093.08.17.236.223c.012.005.051.022.066.026c1.696.54 3.722.856 5.9.856h.118a1.9 1.9 0 0 0 .787-.19c.778-.404 1.117-1.423 1.313-1.9"/></svg>

Como usar o ícone Hyundai

React

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

<Icon icon="simple-icons:hyundai" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:hyundai" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:hyundai" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--hyundai]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="simple-icons:hyundai"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/hyundai.svg" alt="Ícone Hyundai" width="24" height="24">

O ícone Hyundai em outras coleções

Perguntas frequentes sobre Ícone Hyundai

O ícone Hyundai é grátis para uso comercial?

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

Como uso o ícone Hyundai no React?

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

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

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

Ver todos os Simple Icons →