Saracroche アイコン
arcticons:saracroche
Saracroche アイコン(arcticons:saracroche)は、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="M24.618 25.164a5.23 5.23 0 0 0 4.82 3.204c2.883 0 5.227-2.343 5.227-5.226s-2.344-5.227-5.227-5.227l-.002.01c-1.929 0-3.724.907-4.632 2.608"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.042 29.228c.387-.435.833-.81 1.276-1.19c1.351-1.087 2.845-1.985 4.3-2.911c.311-.293.509-.845.583-1.484m-.394-3.11c-.329-.523-.937-.515-1.597-.442q-.503.075-.992.176c-2.75.5-5.142 1.833-7.127 3.77c-.479-1.067-1.172-1.927-2.183-1.681c-.992.222 1.956 7.258-4.064 9.356c-.056.901 1.03.744 1.607.945l-3.497 3.214"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.27 28.094c-.41 1.456-1.152 3.015.473 3.592l12.098 2.892c.816.212 1.73-.488 1.89-1.134l.284-1.191m.604-2.391l.765-3.09m.567-2.27l.756-2.93m.547-2.438L40.683 9.4c.149-.492-.202-1.711-1.04-1.985L28.491 4.674c-1.23-.325-2.354-.334-2.836 1.228l-3.45 14.272"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m25.185 43.5l1.635-3.601c.239.838.31 2.155.874 2.05c.496.147 1.124-3.666 2.448-5.377c.183.79.182 1.853.929 1.805c.398.117.025-2.363.675-3.223c.88-.026 2.457-.879 3.137-1.096c.7-.038.945.117 1.57-.134c1.105-.439 1.823-1.512 1.984-2.439c.19-1.02-.012-2.608-1.758-3.11c2.023.603 3.176-1.096 3.384-2.268c.207-1.162-.692-2.674-2.06-2.939c1.474.195 2.854-.742 3.024-2.316c.17-1.578-.807-2.844-1.843-3.109"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.487 32.442c.906.421 1.267-2.259.858-2.4l-.719-.108c-1.115-.15-2.363-.408-2.59.191c-.144.502.84 1.654 2.014 2.146zm1.702-5.387c.827.276 1.36-2.306.507-2.448c-.279-.03-.567-.05-.843-.08c-.921-.039-1.852.113-2.438.62c.011.699.904 1.21 1.89 1.597c.28.134.583.229.877.312zm1.417-7.845a9 9 0 0 1-.39.044s-2.929.118-2.957.964c.145.66 1.37.819 2.4 1.286c-.01.03.299.119.663.39c.638.3 1.521-2.628.288-2.685zm-13.421 4.348c1.2-.638 2.297-1.579 2.051-2.06c-.378-.828-1.295-.993-2.429-.927l-1.9.282c-.538 1.257.122 2.429.754 3.355zm2.552-3.308l3.46 5.52m-4.594-1.078l5.7-3.393M30.667 7.396l4.858 1.266"/></svg>Saracroche アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:saracroche" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:saracroche" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:saracroche" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--saracroche]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:saracroche"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:saracroche"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/saracroche.svg" alt="Saracroche アイコン" width="24" height="24">Saracroche アイコン のよくある質問
Saracroche アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Saracroche アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:saracroche" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Saracroche アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/saracroche.svg" alt="Saracroche アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。