hyundai logo
hyundai from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- hyundai
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the hyundai logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function SimpleIconsHyundai(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-hyundai {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2018.162c-6.627%200-12-2.758-12-6.163c0-3.403%205.373-6.161%2012-6.161c6.628%200%2012%202.758%2012%206.161c0%203.405-5.372%206.163-12%206.163M7.602%207.17C3.701%207.978.973%209.83.973%2011.984c0%201.193.838%202.294%202.248%203.176c.117.072.194.086.251.083c.102-.006.16-.07.201-.146a3%203%200%200%200%20.097-.197c.46-1.084%202.078-4.833%204.203-7.376a1%201%200%200%200%20.104-.146c.046-.084.036-.151%200-.192c-.058-.065-.224-.065-.475-.016m2.14%201.73c-1.173%202.849%201.047%202.496%201.648%202.363c1.02-.226%201.994-.613%202.774-.925c2.222-.889%203.402-1.78%203.793-2.123a2%202%200%200%200%20.108-.099c.055-.058.097-.119.097-.2q0-.14-.237-.223l-.064-.025c-1.698-.541-3.724-.856-5.902-.856c-.017%200-.059-.002-.117%200c-.26.008-.55.066-.787.189c-.778.404-1.116%201.423-1.313%201.899m10.585.003a4%204%200%200%200-.096.198c-.46%201.082-2.077%204.83-4.202%207.373a1%201%200%200%200-.104.147c-.05.084-.039.153%200%20.193c.057.064.223.065.474.016c3.9-.81%206.628-2.66%206.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%2015.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%201.782-3.795%202.123q-.071.063-.106.1c-.057.057-.097.118-.097.2c0%20.093.08.17.236.223c.012.005.051.022.066.026c1.696.54%203.722.856%205.9.856h.118a1.9%201.9%200%200%200%20.787-.19c.778-.404%201.117-1.423%201.313-1.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2018.162c-6.627%200-12-2.758-12-6.163c0-3.403%205.373-6.161%2012-6.161c6.628%200%2012%202.758%2012%206.161c0%203.405-5.372%206.163-12%206.163M7.602%207.17C3.701%207.978.973%209.83.973%2011.984c0%201.193.838%202.294%202.248%203.176c.117.072.194.086.251.083c.102-.006.16-.07.201-.146a3%203%200%200%200%20.097-.197c.46-1.084%202.078-4.833%204.203-7.376a1%201%200%200%200%20.104-.146c.046-.084.036-.151%200-.192c-.058-.065-.224-.065-.475-.016m2.14%201.73c-1.173%202.849%201.047%202.496%201.648%202.363c1.02-.226%201.994-.613%202.774-.925c2.222-.889%203.402-1.78%203.793-2.123a2%202%200%200%200%20.108-.099c.055-.058.097-.119.097-.2q0-.14-.237-.223l-.064-.025c-1.698-.541-3.724-.856-5.902-.856c-.017%200-.059-.002-.117%200c-.26.008-.55.066-.787.189c-.778.404-1.116%201.423-1.313%201.899m10.585.003a4%204%200%200%200-.096.198c-.46%201.082-2.077%204.83-4.202%207.373a1%201%200%200%200-.104.147c-.05.084-.039.153%200%20.193c.057.064.223.065.474.016c3.9-.81%206.628-2.66%206.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%2015.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%201.782-3.795%202.123q-.071.063-.106.1c-.057.057-.097.118-.097.2c0%20.093.08.17.236.223c.012.005.051.022.066.026c1.696.54%203.722.856%205.9.856h.118a1.9%201.9%200%200%200%20.787-.19c.778-.404%201.117-1.423%201.313-1.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/hyundai.svg?color=%231a73e8&size=48
