Horusec アイコン

Q: Horusec アイコンは商用利用でも無料ですか?

はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

material-icon-theme:horusec

Horusec アイコン(material-icon-theme:horusec)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 32 × 32 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Icon Theme
作者: Material Extensions
ライセンス: MIT
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="#e64a19"><path d="M25.407 10.455a4 4 0 0 0-.389.516c.01 1.577.032 4.648.043 5.085c.062 2.661-.873 4.94-2.86 6.964c-.275.28-.56.54-.854.8c.271-.24-.633.616-2.117 1.602a20.666 22.983 0 0 1-3.327 1.685c-2.465-.983-4.509-2.322-6.24-4.087q-.47-.48-.861-.979l-.01-.014a8.884 9.88 0 0 1-.92-1.393l.005-.004l-.389-.592a4.43 4.43 0 0 1-2.728-1.911q.119.79.344 1.545c.287.9.383 1.081.88 2.09c.548 1 1.261 1.95 2.149 2.854c2.044 2.084 4.463 3.636 7.396 4.743l.374.141l.374-.141c2.994-1.131 5.433-2.683 7.454-4.743c2.437-2.484 3.584-5.301 3.505-8.613c-.007-.312-.013-4.686-.018-8.503a9.9 11.01 0 0 1-.366.87c-.332.698-.844 1.406-1.445 2.085"/><path d="M27.236 2.5v1.506l.002.096v.51l.002 1.735l-.01.035c-.128.39-.249.762-.27.82l-.047.126a14 14 0 0 1-.522 1.243l-.039.078c-.32.622-.786 1.24-1.304 1.782l-.06.066a3.409 3.791 0 0 1-.12.129l-.067.07c-.603.624-1.25 1.198-2.018 1.622l-.127.07c-.3.168-.598.337-.907.483l-.024.01c-.3.143-.324.144-.325.46v9.542l-.038.03a23.674 26.328 0 0 1-2.07 1.587v-9.865c-.004-.139-.017-.281-.028-.48l-.042.017c-.15.066-.264.106-.368.165l-.772.44q-.772.443-1.545.882l-.791.447c-.793.445-1.587.888-2.376 1.338l-.007.004c-.205.116-1.294.742-2.643 1.517l-.002-.009l-.072.046a4 4 0 0 1-.688.334l-.007.003h-.003l-.072.025a3.9 3.9 0 0 1-1.213.21h-.16a4.298 4.78 0 0 1-.643-.072l-.052-.011l-.051-.013l-.085-.02a4.832 5.374 0 0 1-.418-.13l-.05-.018l-.051-.02v.001l-.046-.017c-1.415-.572-2.347-1.915-2.347-3.52v-.068l.006-.136v-.065h.005l.004-.055a3.82 3.82 0 0 1 2.178-3.123l.062-.03a4.24 4.716 0 0 1 1.551-.342h.025l.025-.001h.06a3.87 3.87 0 0 1 3.06 1.577l.03.033q.099.116.162.256l.033.053l.031.055l-.018.009l.012.038a.872.97 0 0 1 .038.284v.03a1.08 1.08 0 0 1-1.084 1.044h-.038a1.12 1.246 0 0 1-.868-.483l-.011.004l-.024-.035a1.711 1.903 0 0 0-1.072-.686l-.05-.01a1.872 2.082 0 0 0-.261-.02h-.039a1.68 1.68 0 0 0-1.625 1.402l-.007.054a1.34 1.49 0 0 0-.01.111l-.002.187l.002.037a1.68 1.68 0 0 0 1.68 1.551h.057a1.924 2.14 0 0 0 .483-.088l.007-.003l.007-.003c.306-.13 6.299-3.466 6.657-3.668l-.009-.004c-.195-.084-1.85-.595-2.524-.94l-.098-.049a9.6 9.6 0 0 1-2.503-1.852l-.076-.081a8.893 9.89 0 0 1-1.543-2.134l-.012-.023c-.095-.166-.22-.244-.434-.241h-.018l-.646.002H7.34l-.033.001h-.38v1.633a1.06 1.06 0 0 1-1.066 1.027h-.063a1.06 1.06 0 0 1-1.035-1.058V2.5h22.474zM25.07 4.645H6.927v1.609h.032v.003h3.059c.314.002.314.02.444.35l.03.078c.585 1.452 1.463 2.676 2.773 3.589l.088.06a8.5 8.5 0 0 0 1.858.925l.086.031c.93.324 1.88.419 2.852.37l.096-.005a7.613 8.466 0 0 0 1.883-.383l.108-.04c.502-.183.98-.4 1.439-.673l.085-.051a7.459 8.295 0 0 0 1.517-1.254l.063-.066a6.026 6.702 0 0 0 1.14-1.636l.06-.122c.176-.364.35-.722.526-1.12v-.027l.006-1.638zM17.664 6.33h.261c2.086.003 4.094.023 4.267.065l-.02.07a3.847 4.278 0 0 1-.926 1.643l-.045.051a4.74 4.74 0 0 1-3.276 1.596l-.07.004c-2.32.128-4.408-1.53-4.77-3.364c.13-.038 1.865-.059 3.786-.063h.33l.197-.001z"/></g></svg>

Horusec アイコンの使い方

React

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

<Icon icon="material-icon-theme:horusec" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:horusec" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:horusec" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--horusec]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:horusec"></div>

Web コンポーネント

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

<iconify-icon icon="material-icon-theme:horusec"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-icon-theme/horusec.svg" alt="Horusec アイコン" width="24" height="24">

Horusec アイコンのよくある質問

Horusec アイコンは商用利用でも無料ですか?

はい。Material Icon Theme icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Horusec アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-icon-theme:horusec" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Horusec アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/horusec.svg" alt="Horusec アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Icon Theme アイコンをすべて見る →