Hyundai アイコン
simple-icons:hyundai
Hyundai アイコン(simple-icons:hyundai)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:hyundai"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/hyundai.svg" alt="Hyundai アイコン" width="24" height="24">他のアイコンセットの Hyundai アイコン
Hyundai アイコン のよくある質問
Hyundai アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hyundai アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:hyundai" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hyundai アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/hyundai.svg" alt="Hyundai アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。