11x アイコン
thesvg:11x
11x アイコン(thesvg:11x)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.308 8.491c1.84-1.8 3.664-3.58 5.482-5.365c.166-.163.276-.244.493-.043c1.114 1.036 1.925 2.244 2.2 3.741c.376 2.043-.1 3.878-1.493 5.463c-.884 1.007-1.988 1.672-3.295 2.02c-.044.011-.084.04-.13.063c.028.153.164.169.265.21q2.45 1.005 4.903 1.998c.218.088.335.177.225.441c-.468 1.12-1.075 2.143-2.036 2.933c-1.055.868-2.26 1.388-3.638 1.516c-1.942.18-3.64-.39-5.084-1.652c-1.165-1.02-1.852-2.31-2.084-3.828a6 6 0 0 1 .129-2.54c.023-.086.05-.185-.105-.311l-8.145 7.967c-1.988-1.543-3.01-3.99-2.454-6.469c.578-2.585 2.274-4.17 4.807-4.966c-.041-.224-.22-.252-.367-.312c-1.587-.654-3.173-1.31-4.764-1.955c-.19-.078-.267-.149-.183-.361c.626-1.592 1.594-2.906 3.163-3.724c1.864-.972 3.786-1.09 5.739-.282c2.104.87 3.373 2.44 3.89 4.598c.224.935.192 1.881-.031 2.818c-.033.136-.094.266-.003.494z"/></svg>11x アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:11x" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:11x" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:11x" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--11x]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:11x"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:11x"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/11x.svg" alt="11x アイコン" width="24" height="24">他のアイコンセットの 11x アイコン
11x アイコン のよくある質問
11x アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で 11x アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:11x" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
11x アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/11x.svg" alt="11x アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。