Progress

PhlexIcons::Huge

Source code

Icon (Variant: :stroke) ↓

With Phlex::Kit

Huge::Progress(variant: :stroke)

Without Phlex::Kit (e.g. ERB) ↓

render PhlexIcons::Huge::Progress.new(variant: :stroke)

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		viewbox: '0 0 24 24',
		fill: 'none',
		xmlns: 'http://www.w3.org/2000/svg'
	) do |s|
		s.circle(
			cx: '12',
			cy: '12',
			r: '9',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d:
				'M12 6C13.0532 6 14.0879 6.27724 15 6.80385C15.9121 7.33046 16.6695 8.08788 17.1962 9C17.7228 9.91212 18 10.9468 18 12C18 13.0532 17.7228 14.0879 17.1962 15C16.6695 15.9121 15.9121 16.6695 15 17.1962C14.0879 17.7228 13.0532 18 12 18C10.9468 18 9.91211 17.7228 9 17.1962C8.08788 16.6695 7.33046 15.9121 6.80385 15L12 12L12 6Z',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
	end
end

Plain SVG ↓

<svg xmlns="http://www.w3.org/2000/svg" class="" viewbox="0 0 24 24" fill="none">
	<circle cx="12" cy="12" r="9" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></circle>
	<path d="M12 6C13.0532 6 14.0879 6.27724 15 6.80385C15.9121 7.33046 16.6695 8.08788 17.1962 9C17.7228 9.91212 18 10.9468 18 12C18 13.0532 17.7228 14.0879 17.1962 15C16.6695 15.9121 15.9121 16.6695 15 17.1962C14.0879 17.7228 13.0532 18 12 18C10.9468 18 9.91211 17.7228 9 17.1962C8.08788 16.6695 7.33046 15.9121 6.80385 15L12 12L12 6Z" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>