Axure アイコン
thesvg-color:axure
Axure アイコン(thesvg-color:axure)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 336 × 80 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 336 × 80
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="336" height="80" viewBox="0 0 336 80"><g fill="none" fill-rule="evenodd"><path fill="#272727" d="M326.63 19.441c-13.71 0-21.455 2.647-25.902 8.85c-4.646 6.479-5.58 16.706-5.58 31.11c0 28.276 4.375 40.096 31.482 40.096c3.256 0 14.385-.062 20.882-.855c2.528-.419 3.66-2.355 3.66-4.087v-3.123c0-2.43-1.836-4.264-4.273-4.264h-20.27c-15.294 0-18.052-3.605-18.444-24.101v-6.635c.13-20.974 2.888-24.662 18.445-24.662c14.345 0 17.096 3.273 17.573 21.738h-22.794v12.466h29.98c5.905 0 5.905-4.13 5.905-5.486v-3.98c-.428-28.753-7.307-37.067-30.664-37.067m-39.476 1.099l-.326-.086c-2.792-.587-10.422-1.013-14.205-1.013c-13.387 0-20.462 5.605-20.462 16.209v59.04c0 2.43 1.7 4.128 4.137 4.128h4.762c2.437 0 4.138-1.697 4.138-4.128V36.734c0-2.617.662-4.964 8.65-4.964l11.828-.01c1.158.138 2.263-.182 3.114-.903c.929-.783 1.44-1.926 1.44-3.215v-2.987c0-1.96-1.122-3.46-3.076-4.115m-57.172-.148h-4.762c-2.436 0-4.138 1.697-4.138 4.128v62.649h-19.804c-12.25 0-17.22-.779-17.22-20.303V24.52c0-2.43-1.702-4.128-4.138-4.128h-4.627c-2.436 0-4.273 1.774-4.273 4.128v42.346c0 27.748 10.064 32.631 31.21 32.631c7.607 0 18.025 0 27.96-1.399l.23-.046c2.454-.613 3.699-2.018 3.699-4.176V24.52c0-2.43-1.702-4.128-4.137-4.128"/><path fill="#74bb11" d="M156.332 22.331c-.611-1.3-1.922-2.075-3.506-2.075h-6.121c-1.778 0-3.107.716-3.807 2.005l-9.072 13.255l7.942 10.861l13.866-19.89c1.522-1.849.995-3.523.698-4.156"/><path fill="#009cd9" d="m108.505 22.11l-.008-.012c-1.383-1.843-3.223-1.843-3.828-1.843h-5.987c-1.534 0-2.79.705-3.446 1.932c-.675 1.257-.532 2.767.402 4.166l22.179 30.746l-25.504 35.572c-.891 1.338-1.016 2.825-.343 4.081c.66 1.227 1.917 1.93 3.448 1.93h6.12c1.574 0 2.958-.817 3.65-2.104l28.547-39.337z"/><path fill="#eb2084" d="m159.377 92.982l-17.794-24.42l-7.827 10.79l14.072 18.781l.366.16a4.4 4.4 0 0 0 1.775.388h5.985c1.446 0 2.673-.642 3.368-1.764c.712-1.15.732-2.583.055-3.935"/><path fill="#272727" d="M68.774 65.43v20.738c-6.06.93-15.297 1.136-18.445 1.136c-13.926 0-15.452-3.805-15.452-11.886c0-7.562 2.83-9.989 11.643-9.989zM49.649 19.44c-4.303 0-10.171.112-17.472.99l-.33.073c-2.127.605-3.204 2.002-3.204 4.152v2.986c0 2.546 1.585 4.128 4.137 4.128h16.87c13.583 0 19.124 3.68 19.124 12.701v8.767H46.52c-17.393 0-24.815 6.633-24.815 22.18c0 17.328 7.682 24.08 27.4 24.08c7.987 0 22.689-.621 28.123-2.278c4.582-1.272 4.582-4.772 4.582-5.922v-47.64c0-16.295-10.52-24.217-32.16-24.217z"/></g></svg>Axure アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:axure" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:axure" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:axure" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--axure]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:axure"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:axure"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/axure.svg" alt="Axure アイコン" width="24" height="24">Axure アイコン のよくある質問
Axure アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Axure アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:axure" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Axure アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/axure.svg" alt="Axure アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。