Aurelia アイコン
logos:aurelia
Aurelia アイコン(logos:aurelia)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 249 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 249
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="249" viewBox="0 0 256 249"><defs><linearGradient id="SVGVXyCxdwg" x1="-388.148%" x2="237.684%" y1="-113.678%" y2="370.655%"><stop offset="0%" stop-color="#c06fbb"/><stop offset="100%" stop-color="#6e4d9b"/></linearGradient><linearGradient id="SVG7y3RXKSJ" x1="72.945%" x2="-97.052%" y1="79.515%" y2="-119.502%"><stop offset="0%" stop-color="#6e4d9b"/><stop offset="14%" stop-color="#77327a"/><stop offset="29%" stop-color="#b31777"/><stop offset="84%" stop-color="#cd0f7e"/><stop offset="100%" stop-color="#ed2c89"/></linearGradient><linearGradient id="SVGYu2BAM3g" x1="-232.212%" x2="250.776%" y1="-693.6%" y2="101.71%"><stop offset="0%" stop-color="#c06fbb"/><stop offset="100%" stop-color="#6e4d9b"/></linearGradient><linearGradient id="SVGSm4rAe4y" x1="-821.186%" x2="101.985%" y1="-466.93%" y2="287.264%"><stop offset="0%" stop-color="#c06fbb"/><stop offset="100%" stop-color="#6e4d9b"/></linearGradient><linearGradient id="SVGabDXkeiU" x1="-140.095%" x2="418.499%" y1="-230.926%" y2="261.977%"><stop offset="0%" stop-color="#c06fbb"/><stop offset="100%" stop-color="#6e4d9b"/></linearGradient><linearGradient id="SVG7GhR3dvk" x1="191.084%" x2="20.358%" y1="225.067%" y2="24.595%"><stop offset="0%" stop-color="#6e4d9b"/><stop offset="14%" stop-color="#77327a"/><stop offset="29%" stop-color="#b31777"/><stop offset="84%" stop-color="#cd0f7e"/><stop offset="100%" stop-color="#ed2c89"/></linearGradient><linearGradient id="SVGzTUmDbEW" x1="-388.094%" x2="237.675%" y1="-138.728%" y2="445.405%"><stop offset="0%" stop-color="#c06fbb"/><stop offset="100%" stop-color="#6e4d9b"/></linearGradient><linearGradient id="SVGakvtmdHX" x1="11.503%" x2="89.819%" y1="89.653%" y2="11.577%"><stop offset="0%" stop-color="#6e4d9b"/><stop offset="14%" stop-color="#77327a"/><stop offset="53%" stop-color="#b31777"/><stop offset="79%" stop-color="#cd0f7e"/><stop offset="100%" stop-color="#ed2c89"/></linearGradient></defs><path fill="url(#SVGVXyCxdwg)" d="m167.876 46.369l-23.68 15.804L119.8 25.615L143.48 9.81z"/><path fill="url(#SVG7y3RXKSJ)" d="m187.129 156.2l40.46 60.63l-48.198 32.165l-40.46-60.632l-7.06-10.576l48.2-32.165z"/><path fill="url(#SVGYu2BAM3g)" d="m126.422 196.71l8.908 13.349l-36.686 24.482l-15.967-23.926l8.015-5.348l28.672-19.134z"/><path fill="url(#SVGSm4rAe4y)" d="m207.172 127.537l10.29-6.867l15.966 23.926l-23.683 15.805l-8.908-13.35l13.393-8.937zm-6.335 19.515l-7.058-10.577l13.393-8.938l7.058 10.577z"/><path fill="url(#SVGabDXkeiU)" d="m41.11 130.967l-8.015 5.348L8.698 99.756l36.687-24.482l17.1 25.627l-28.671 19.134L62.486 100.9l7.296 10.933z"/><path fill="url(#SVG7GhR3dvk)" d="m130.489 71.322l-48.2 32.165l-7.295-10.933L34.912 32.49L83.112.326l40.081 60.063z"/><path fill="url(#SVGzTUmDbEW)" d="m157.59 53.238l-13.393 8.937l-7.297-10.933l-17.1-25.626L143.483 9.81l24.397 36.56z"/><path fill="#714896" d="m97.75 215.844l-7.058-10.577l28.672-19.134l7.058 10.577z"/><path fill="#6f4795" d="m200.837 147.052l-7.058-10.577l13.393-8.938l7.058 10.577z"/><path fill="#88519f" d="m41.11 130.967l-7.296-10.932L62.485 100.9l7.297 10.933z"/><path fill="#85509e" d="M144.197 62.175L136.9 51.242l13.395-8.938l7.295 10.934z"/><path fill="#8d166a" d="m187.129 156.2l-48.199 32.163l-7.058-10.576l48.199-32.165z"/><path fill="#a70d6f" d="m123.193 60.39l7.296 10.932l-48.2 32.165l-7.295-10.933z"/><path fill="#9e61ad" d="m27.439 51.653l9.097 13.633l-13.633 9.097l-9.097-13.633z"/><path fill="#8053a3" d="m76.568 215.084l9.097 13.633l-13.632 9.097l-9.098-13.632z"/><path fill="url(#SVGakvtmdHX)" d="M40.704 228.814L.792 168.518L214.089 25.856l41.852 59.333z"/></svg>Aurelia アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:aurelia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:aurelia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:aurelia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--aurelia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:aurelia"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:aurelia"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/aurelia.svg" alt="Aurelia アイコン" width="24" height="24">他のアイコンセットの Aurelia アイコン
Aurelia アイコン のよくある質問
Aurelia アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Aurelia アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:aurelia" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Aurelia アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/aurelia.svg" alt="Aurelia アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。