Иконка Husqvarna

simple-icons:husqvarna

Иконка Husqvarna (simple-icons:husqvarna) — бесплатная 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="M12 0c1.022 0 1.687.18 1.968.242c-.14 1.307-.1 2.354 0 2.657c.34 1.005 2.276 1.474 3.058 1.011c.86-.522.664-2.11.664-3.156c0 0 1.268.3 2.046.593c.632.238 1.563.703 1.563.703c.185 1.324.01 3.282-1.292 3.946c.982.985 1.312 2.152 1.732 4.304c.34 1.93.26 3.28.24 4.405c-.1 1.53-.1 2.355-.46 3.743c-.52 1.589-.829 2.335-1.883 3.439C17.496 24.132 14.007 24 12 23.998c-2.007.002-5.494.134-7.635-2.111c-1.055-1.104-1.363-1.85-1.883-3.439c-.36-1.388-.36-2.213-.46-3.743c-.021-1.125-.1-2.474.24-4.405c.42-2.154.75-3.319 1.732-4.304c-1.302-.664-1.477-2.622-1.292-3.946c0 0 .933-.465 1.563-.703C5.043 1.055 6.31.754 6.31.754c0 1.047-.196 2.632.664 3.156c.782.461 2.716-.006 3.058-1.011c.1-.303.14-1.35 0-2.657C10.313.18 10.979 0 12 0m-.003 21.125c2.342 0 3.09 0 4.251-.322c.4-.142 1.122-.342 1.644-1.167c.96-1.65.96-4.748.96-6.235c0-1.49 0-4.124-.96-5.754c-.52-.844-1.233-1.078-1.644-1.186c-1.186-.316-1.948-.297-4.251-.302h.001c-2.303.005-3.065-.014-4.251.302c-.41.11-1.122.342-1.644 1.186c-.96 1.63-.96 4.266-.96 5.754s0 4.586.96 6.235c.52.825 1.241 1.025 1.644 1.167c1.16.324 1.909.322 4.25.322M12 14.458c2.004 0 1.96.002 1.96.644v4.053h2.724V7.928H13.96V11.3c0 .664.044.662-1.96.662h.002c-2.003 0-1.96.002-1.96-.662V7.928H7.321v11.23h2.721v-4.056c0-.644-.04-.644 1.958-.644"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Simple Icons →