Иконка Mazda

simple-icons:mazda

Иконка Mazda (simple-icons:mazda) — бесплатная SVG-иконка из набора Simple Icons от 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

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.999 12.876c-.036 0-.105-.046-.222-.26a7.5 7.5 0 0 0-1.975-2.353A8.3 8.3 0 0 0 7.7 9.065l-.345-.136c-1.012-.4-2.061-.813-3.035-1.377a9 9 0 0 1-.32-.19c.194-.34.42-.665.67-.962a6 6 0 0 1 1.253-1.131a7 7 0 0 1 1.618-.806c1.218-.434 2.677-.647 4.458-.649c1.783.002 3.241.215 4.459.65a7 7 0 0 1 1.619.805a6 6 0 0 1 1.253 1.13c.25.298.475.623.67.963q-.156.097-.32.192c-.976.564-2.023.977-3.037 1.376l-.345.136a8.3 8.3 0 0 0-2.1 1.198a7.5 7.5 0 0 0-1.975 2.354c-.117.213-.187.259-.224.259m0 7.072c-1.544-.002-2.798-.129-3.83-.387c-1.013-.252-1.855-.64-2.576-1.188a5.8 5.8 0 0 1-1.392-1.537a7.6 7.6 0 0 1-.81-1.768a10.3 10.3 0 0 1-.467-2.983c0-.674.047-1.313.135-1.901c1.106.596 2.153.895 3.08 1.16l.215.06c1.29.371 2.314.857 3.135 1.488c.475.368.89.793 1.23 1.264c.369.508.663 1.088.877 1.725c.096.289.2.468.403.468c.207 0 .308-.18.405-.468a6.1 6.1 0 0 1 2.107-2.988c.82-.632 1.845-1.118 3.135-1.489l.216-.06c.926-.265 1.973-.564 3.078-1.16c.09.589.136 1.227.136 1.9c0 .458-.046 1.664-.465 2.984a7.6 7.6 0 0 1-.809 1.768a5.8 5.8 0 0 1-1.396 1.537c-.723.548-1.565.936-2.574 1.188c-1.035.258-2.288.385-3.833.387m9.692-14.556c-1.909-2.05-4.99-2.99-9.692-2.995c-4.7.005-7.781.944-9.69 2.994C.89 6.913 0 9.018 0 11.874c0 1.579.39 5.6 3.564 7.676c1.9 1.242 4.354 2.046 8.435 2.052c4.083-.006 6.536-.81 8.437-2.052C23.609 17.474 24 13.452 24 11.874c0-2.848-.897-4.968-2.31-6.483Z"/></svg>

Как использовать иконку Mazda

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/mazda.svg" alt="Иконка Mazda" width="24" height="24">

Иконка Mazda в других наборах

Вопросы и ответы: Иконка Mazda

Можно ли бесплатно использовать иконку Mazda в коммерческих проектах?

Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Mazda в React?

Установите @iconify/react и выведите <Icon icon="simple-icons:mazda" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Mazda на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/mazda.svg" alt="Иконка Mazda">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple Icons →