Alpaca アイコン

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

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

thesvg:alpaca

Alpaca アイコン(thesvg:alpaca)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 1081 × 309 のグリッドで描かれています。 theSVG icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG
作者: thesvg.org
ライセンス: MIT
サイズ: 1081 × 309

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1081" height="309" viewBox="0 0 1081 309"><path fill="currentColor" d="M488.2 225.8L478 196.2h-65l-10.2 29.6h-29.6l56.2-158h32.1l56.2 158zm-67-54H470l-23.9-70h-.9zm112.4 54v-158h27.1v158zM649.8 115c14.1 0 25.9 5.3 35.2 15.8c9.5 10.5 14.2 24.2 14.2 41.1c0 16.7-4.7 30.3-14.2 40.9c-9.5 10.5-21.2 15.8-35.2 15.8c-7.2 0-13.8-1.4-19.6-4.3c-5.9-3-10.2-6.8-13.1-11.5h-.7v63.6h-27.1V117.7h24.6l1.1 13.8h.9q4.35-7.5 13.5-12q9.3-4.5 20.4-4.5m-6.3 89.3c8.4 0 15.2-2.9 20.3-8.8c5.3-5.9 7.9-13.8 7.9-23.7c0-10.1-2.6-18.1-7.9-23.9c-5.1-5.9-11.9-8.8-20.3-8.8c-7.7 0-14.1 2.5-19.4 7.4c-5.1 4.8-7.7 10.8-7.7 17.8V179c0 7.1 2.6 13.1 7.7 18.1c5.2 4.8 11.7 7.2 19.4 7.2m157.7-86.6h24.6v108.1h-24.6l-1.4-13.8h-.7q-4.5 7.5-13.8 12q-9 4.5-20.1 4.5c-14.1 0-26-5.3-35.4-15.8c-9.5-10.5-14.2-24.2-14.2-40.9s4.7-30.3 14.2-40.9c9.5-10.7 21.3-16 35.4-16q11.1 0 20.1 4.5q9.3 4.5 13.8 12h.7zm-2.5 61.4v-14.7c0-7.1-2.6-13-7.9-17.8c-5.1-5-11.6-7.4-19.4-7.4c-8.3 0-15 2.9-20.3 8.8s-7.9 13.8-7.9 23.9c0 9.9 2.6 17.8 7.9 23.7s12 8.8 20.3 8.8c7.8 0 14.3-2.4 19.4-7.2c5.2-5 7.9-11.1 7.9-18.1m104.6 49.4c-16.1 0-29.3-5.3-39.7-15.8c-10.2-10.5-15.3-24.2-15.3-40.9s5.1-30.3 15.3-40.9c10.4-10.7 23.7-16 40-16c13.7 0 25.3 3.8 34.8 11.3c9.5 7.4 15.2 17.3 17.2 29.8l-27.3 4.3c-1.1-6.5-3.9-11.6-8.6-15.3c-4.5-3.9-9.9-5.9-16.3-5.9c-8 0-14.6 3-19.9 9c-5.1 5.9-7.7 13.8-7.7 23.7s2.6 17.8 7.7 23.7c5.3 5.9 12 8.8 20.1 8.8q9.45 0 16.5-5.4q7.2-5.7 9-15.3l26.4 4.3c-2 12.2-7.7 22-17.4 29.6c-9.6 7.3-21.2 11-34.8 11m152.1-110.8h24.6v108.1h-24.6l-1.3-13.8h-.7q-4.5 7.5-13.8 12q-9 4.5-20.1 4.5c-14.2 0-26-5.3-35.4-15.8c-9.5-10.5-14.2-24.2-14.2-40.9s4.7-30.3 14.2-40.9c9.5-10.7 21.3-16 35.4-16q11.1 0 20.1 4.5q9.3 4.5 13.8 12h.7zm-2.5 61.4v-14.7c0-7.1-2.6-13-7.9-17.8c-5.1-5-11.6-7.4-19.4-7.4c-8.3 0-15 2.9-20.3 8.8s-7.9 13.8-7.9 23.9c0 9.9 2.6 17.8 7.9 23.7s12 8.8 20.3 8.8c7.8 0 14.3-2.4 19.4-7.2c5.3-5 7.9-11.1 7.9-18.1"/><path fill="currentColor" fill-rule="evenodd" d="M106.7 301.4L118.9 173h-1.1c-9.7 0-17.7-3.5-25.1-9.8s-12.3-15.1-13.8-24.8l22.9-14.9v-.2c0-10.1 3.9-19.9 10.9-27.2s16.5-11.7 26.6-12.1h6.8V60c4.8 0 9.5 1.7 13.2 4.9c3.7 3.1 6.1 7.5 7 12.3h.3V59.9c3.6 0 7.2 1 10.3 2.8s5.7 4.5 7.5 7.7s2.7 6.8 2.6 10.4s-1.1 7.2-3 10.3c6.1 4 11.2 9.6 14.7 16.1s5.3 13.8 5.3 21.2v155c0 .6.1 1.3.2 1.9c.5 2.2 1.8 3.6 2.3 4.2c2.5 2.7 5.9 3.2 7.6 3.5c3.8.6 6.8-.3 8.5-1c49.8-25.4 83.9-77.5 83.9-137.5C306.5 69.4 237.9.4 153.3.4C68.6.3 0 69.3 0 154.5c0 68.8 44.9 127.1 106.7 146.9" clip-rule="evenodd"/><path fill="currentColor" d="M123.4 130.6c0-1.2.5-2.4 1.4-3.3s2.1-1.4 3.3-1.4h13.6c0 2.5-1 4.9-2.7 6.7c-1.8 1.8-4.1 2.8-6.6 2.8H123z"/></svg>

Alpaca アイコンの使い方

React

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

<Icon icon="thesvg:alpaca" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:alpaca" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:alpaca" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--alpaca]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:alpaca"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/alpaca.svg" alt="Alpaca アイコン" width="24" height="24">

他のアイコンセットの Alpaca アイコン

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

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

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

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

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

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

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

theSVG アイコンをすべて見る →