Acode アイコン
simple-icons:acode
Acode アイコン(simple-icons:acode)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.846 3.139c-.38 0-.73.405-.73.956q0 .127.027.262c.765 3.946 2.288 11.91 3 15.682c.1.535.492.799.751.799h1.713c.31 0 .743-.397.743-.756a.4.4 0 0 0-.006-.072c-.118-.682-.243-1.404-.371-2.153a1.2 1.2 0 0 1-.64-.275a1.37 1.37 0 0 1-.435-.562c-.195-.483-.214-1.152.274-1.637q.138-.137.32-.322c-.686-4.002-1.413-8.274-1.889-11.079c-.072-.427-.45-.843-.773-.843zm-1.666.023c-.323 0-.701.416-.774.844c-.476 2.808-1.204 7.085-1.89 11.09l.312.314c.488.485.469 1.152.274 1.635v.002c-.093.229-.242.41-.434.562a1.2 1.2 0 0 1-.633.274l-.369 2.148a.4.4 0 0 0-.006.072c0 .36.432.758.742.758h1.713c.26 0 .651-.264.752-.799c.441-2.338 1.194-6.29 1.885-9.894c-.418-2.182-.812-4.232-1.1-5.715c-.092-.476.006-.947.24-1.29zm6.894 4.145c-.3-.001-.609.277-.71.529c-.131.322-.131.803.161 1.094c.794.788 3.078 3.177 3.295 3.404c-.217.228-2.5 2.614-3.295 3.402c-.175.175-.245.418-.245.654c0 .158.031.313.083.442c.102.252.41.53.711.53c.529-.003 1.644 0 2.172 0c.195 0 .37-.103.545-.28c.953-.964 2.767-2.836 3.781-3.912c.068-.071.139-.135.194-.193a.87.87 0 0 0 .234-.602c0-.044-.004-.098-.008-.143a.84.84 0 0 0-.226-.54c-.055-.059-.126-.123-.194-.194a292 292 0 0 0-3.781-3.912c-.175-.177-.35-.28-.545-.28c-.528 0-1.643.003-2.172 0m-12.32.027c-.195 0-.37.102-.545.28c-.953.964-2.767 2.835-3.781 3.911c-.068.072-.139.134-.194.192a.85.85 0 0 0-.226.543a2 2 0 0 0-.008.142c0 .168.046.403.234.602c.055.058.126.122.194.193a292 292 0 0 0 3.781 3.912c.175.177.35.28.545.28c.528 0 1.643-.002 2.172 0c.3 0 .609-.28.71-.532c.131-.322.131-.803-.161-1.093c-.794-.789-3.078-3.176-3.295-3.403c.217-.227 2.501-2.615 3.295-3.404c.175-.174.245-.417.245-.653c0-.157-.031-.312-.083-.44c-.102-.252-.41-.531-.711-.53c-.53.002-1.644 0-2.172 0"/></svg>Acode アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:acode" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:acode" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:acode" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--acode]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:acode"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:acode"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/acode.svg" alt="Acode アイコン" width="24" height="24">他のアイコンセットの Acode アイコン
Acode アイコン のよくある質問
Acode アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Acode アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:acode" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Acode アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/acode.svg" alt="Acode アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。