Adaway アイコン
arcticons:adaway
Adaway アイコン(arcticons:adaway)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m15.51 3.5l-6 6l-6 6v17l6 6l6 6h17.08l5.95-6l6-5.95V15.41l-6-5.95l-5.95-6H15.51Zm-4.63 10.19a11.6 11.6 0 0 1 3.09.79a12.9 12.9 0 0 0 5.52 1c3.78.1 4.13.22 5.77 1.9C26.53 18.66 27.09 19 28 19s1.33-.33 2.8-2.16c.81-1 1.26-1.32 1.93-1.33s1 .22 1.88 1.09a11 11 0 0 0 1 .92c.14.08.24.19.24.24a1.8 1.8 0 0 1-.42.47a7.17 7.17 0 0 0-2.08 3.39a21 21 0 0 0-.22 2.31a7.36 7.36 0 0 1-.71 3.61a15.7 15.7 0 0 1-3 3a7.8 7.8 0 0 0-2.88 3.9a14 14 0 0 0-.43 1.79l-.16 1h-.56C24.56 37.29 24 37 23 36a5.6 5.6 0 0 0-.83-.78a3 3 0 0 0-.47.17c-.75.34-1.2.19-1.73-.6a2.33 2.33 0 0 0-1.37-1a1.9 1.9 0 0 1-.6-.31c-.14-.13-.15-.19-.06-.46a3.9 3.9 0 0 1 1.41-1.39c.26-.16 1.25-.73 2.19-1.25a14.3 14.3 0 0 0 3.29-2.12A1.51 1.51 0 0 0 25 27c-.28-.52-1.1-.6-2.73-.27a9.2 9.2 0 0 1-3.81 0c-1.22-.46-1.69-1.14-2.15-3a2.3 2.3 0 0 0-.61-.93a2.5 2.5 0 0 1-.53-.7a2.8 2.8 0 0 1 .75-.63c.79-.52 1-.82.86-1.08s-.3-.15-1.27-.2a3 3 0 0 1-2.31-.7a3.7 3.7 0 0 1-.83-1.13a4.7 4.7 0 0 1 1.07-.05a3.4 3.4 0 0 0 2.09-.31c.16-.11.24-.23.22-.35s-.23-.25-1.17-.55c-1.91-.62-2.89-1.17-3.45-1.93a2.6 2.6 0 0 1-.5-1.32c0-.07.11-.12.25-.13ZM32.56 18a.08.08 0 0 0-.08 0c-.11.06-.13.15 0 .24s.18.07.24 0s0-.1 0-.16Z"/></svg>Adaway アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:adaway" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:adaway" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:adaway" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--adaway]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:adaway"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:adaway"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/adaway.svg" alt="Adaway アイコン" width="24" height="24">他のアイコンセットの Adaway アイコン
Adaway アイコン のよくある質問
Adaway アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Adaway アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:adaway" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Adaway アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/adaway.svg" alt="Adaway アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。