Apify Wordmark アイコン
devicon:apify-wordmark
Apify Wordmark アイコン(devicon:apify-wordmark)は、Devicon セットの無料 SVG アイコンです(作者: konpa)。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#246dff" d="M20.196 46.392h14.487c.295 0 .534.239.534.533v22.14c0 .53-.69.736-.98.292L19.75 47.217a.534.534 0 0 1 .446-.825"/><path fill="#20a34e" d="M15.021 46.392H.534a.533.533 0 0 0-.533.533v22.14c0 .53.69.736.98.292l14.487-22.14a.534.534 0 0 0-.447-.825"/><path fill="#f86606" d="M17.36 64.117L.905 80.7a.534.534 0 0 0 .379.909H33.95a.534.534 0 0 0 .382-.907l-16.21-16.58a.533.533 0 0 0-.76-.004z"/><path fill="#1f2123" d="M93.054 52.855h-4.58v-5.234h4.58zm-.069 20.216h-4.408V55.645h4.408zm-36.67-17.874c5.406 0 8.403 2.824 8.403 6.957v5.889c0 1.033.378 1.515 1.377 1.584v3.547h-1.377c-2.17-.035-3.582-.861-4.064-2.41c-.861 1.239-2.652 2.686-5.648 2.686c-4.098 0-7.198-2.342-7.198-5.89c0-3.512 2.652-5.406 6.957-5.406h5.717c0-2.101-1.62-3.444-4.167-3.444c-2.411 0-3.375 1.308-3.616 1.756h-4.443c.344-1.86 2.583-5.269 8.059-5.269m-.827 9.953c-2.032 0-3.34.757-3.34 2.342c0 1.687 1.584 2.686 3.788 2.686c2.48 0 4.546-1.24 4.546-3.548v-1.48zm22.626-9.884c4.545 0 8.265 3.41 8.265 9.092c0 5.717-3.72 9.092-8.265 9.092c-3.789 0-5.683-2.342-6.027-3.03v9.952h-4.34V55.645h4.374V58.4c.31-.654 2.204-3.134 5.993-3.134m-1.137 3.858c-2.996 0-4.925 2.238-4.925 5.234c0 2.962 1.929 5.235 4.925 5.235c3.03 0 4.96-2.273 4.96-5.235c0-2.996-1.93-5.235-4.96-5.235zm36.22-7.888h-6.164c-1.929 0-2.755.965-2.755 2.721v1.688h8.981l5.132 11.847l5.131-11.847H128l-10.745 24.761h-4.408l3.306-7.645l-6.146-13.397h-5.728V73.07H99.87V59.364h-4.787v-3.72h4.787v-2.548c0-3.375 1.86-5.372 5.82-5.372h7.507z"/></svg>Apify Wordmark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:apify-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:apify-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:apify-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--apify-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:apify-wordmark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:apify-wordmark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/apify-wordmark.svg" alt="Apify Wordmark アイコン" width="24" height="24">Devicon の関連アイコン
他のアイコンセットの Apify Wordmark アイコン
Apify Wordmark アイコン のよくある質問
Apify Wordmark アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apify Wordmark アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:apify-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apify Wordmark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/apify-wordmark.svg" alt="Apify Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。