Aumade アイコン
raphael:aumade
Aumade アイコン(raphael:aumade)は、Raphael セットの無料 SVG アイコンです（作者: Dmitry Baranovskiy）。 32 × 32 のグリッドで描かれています。 Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Raphael
- 作者
- Dmitry Baranovskiy
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M14.513 24.52a.72.72 0 0 1-.022-.71l1.988-3.845a.727.727 0 1 1 1.293.67l-1.8 3.48l2.228 3.7h12.27L15.67 2.183L6.435 18.178c.434.242.91.48 1.39.654c.572.21 1.15.342 1.66.342q.411.001.915-.238c.337-.158.7-.396 1.073-.688c.75-.582 1.528-1.354 2.335-2.02c.54-.443 1.09-.845 1.706-1.1c.353-.145.73-.24 1.13-.24c.62 0 1.173.215 1.62.5c.45.288.814.647 1.11.996c.59.697.903 1.36.925 1.394c.18.36.02.8-.34.977a.74.74 0 0 1-.98-.34q0-.003-.003-.007a.1.1 0 0 0-.018-.034l-.078-.146a7 7 0 0 0-.312-.496c-.27-.39-.668-.845-1.092-1.104c-.28-.178-.56-.272-.844-.272c-.216 0-.48.07-.788.23c-.31.152-.653.395-1.016.687c-.727.584-1.51 1.362-2.35 2.033c-.563.445-1.15.853-1.81 1.103a3.4 3.4 0 0 1-1.195.228c-.75 0-1.48-.18-2.165-.433a11 11 0 0 1-1.613-.764L.86 27.817h15.63l-1.977-3.296zm3.7-2.278a10 10 0 0 1 .964-1.848c.427-.627.957-1.232 1.646-1.646c.38-.23.812-.39 1.282-.438l-.604-.934a.73.73 0 0 1 .216-1.01a.735.735 0 0 1 1.013.217l1.544 2.39a.73.73 0 0 1-.962 1.039c-.354-.19-.646-.258-.9-.258c-.292 0-.563.084-.846.25a3.2 3.2 0 0 0-.813.72c-.52.606-.937 1.42-1.185 2.054a.74.74 0 0 1-.68.466a.7.7 0 0 1-.27-.056a.73.73 0 0 1-.406-.946z"/></svg>Aumade アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="raphael:aumade" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="raphael:aumade" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="raphael:aumade" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--aumade]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:aumade"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:aumade"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/raphael/aumade.svg" alt="Aumade アイコン" width="24" height="24">Aumade アイコン のよくある質問
Aumade アイコンは商用利用でも無料ですか?
はい。Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Aumade アイコンを使うには?
@iconify/react をインストールして <Icon icon="raphael:aumade" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Aumade アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/raphael/aumade.svg" alt="Aumade アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。