Havells アイコン
simple-icons:havells
Havells アイコン(simple-icons:havells)は、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
- タグ
- havell
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.003.39c-.47.092-.803.53-.906 1.104c-.11.92-.062 2.182-.15 2.744c-.334 1.896-2.241 3.102-3.907 3.17a100 100 0 0 0-5.03.312c-.498.021-1.127.158-1.61.092a1.72 1.72 0 0 1-1.377-1.081c-.243-.62-.19-1.186.01-1.872c.15-.517.344-1.15.631-1.781A12.8 12.8 0 0 0 1.31 6.42A12.76 12.76 0 0 0 0 12.051c0 3.251 1.207 6.318 3.332 8.628c-.287-.678-.47-1.39-.597-1.953c-.123-.526-.284-1.232-.013-1.954c.23-.632.69-1.069 1.31-1.23c.554-.14 1.14-.01 1.701.036c2.083.167 3.225.242 5.284.321c1.813.068 3.757 1.477 4.033 3.48c.043.698.151 2.647.195 3.171c.103.528.414.931.85 1.034c.21.048.371.058.806-.159c4.433-2.067 7.1-6.637 7.1-11.41v-.092c-.02-4.685-2.679-9.347-7.228-11.36c-.15-.057-.643-.196-.77-.173M5.744 1.572c-.457 0-.851.467-.92.552c-.505.598-.94 1.55-1.319 2.895c-.17.596-.214 1.082-.036 1.54c.172.424.53.7.99.769c.27.038.503-.01.688-.022a67 67 0 0 1 3.112-.252a22 22 0 0 0-.228-1.344c-.265-1.275-.61-2.332-1.024-3.056c-.39-.7-.838-1.081-1.263-1.081zM4.158 16.025c-.448.126-.781.449-.954.92c-.205.543-.086 1.117.036 1.665c.345 1.424.758 2.435 1.264 3.078c.104.144.454.575.895.575c.226 0 .763-.127 1.357-1.172c.437-.758.826-1.86 1.125-3.181c.114-.529.22-1.068.311-1.654c-1.124-.065-2.246-.167-3.368-.265c-.015 0-.388-.042-.666.034"/></svg>Havells アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:havells" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:havells" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:havells" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--havells]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:havells"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:havells"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/havells.svg" alt="Havells アイコン" width="24" height="24">他のアイコンセットの Havells アイコン
Havells アイコン のよくある質問
Havells アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Havells アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:havells" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Havells アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/havells.svg" alt="Havells アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。