Quran03

PhlexIcons::Huge

Source code

Icon (Variant: :stroke) ↓

With Phlex::Kit

Huge::Quran03(variant: :stroke)

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

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

Plain Phlex ↓

def view_template
	svg(
		**attrs,
		width: '25',
		viewbox: '0 0 25 24',
		fill: 'none',
		xmlns: 'http://www.w3.org/2000/svg'
	) do |s|
		s.path(
			d: 'M21 17H6.5C5.11929 17 4 18.1193 4 19.5C4 20.8807 5.11929 22 6.5 22H21',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
		s.path(
			d: 'M21 22C19.6193 22 18.5 20.8807 18.5 19.5C18.5 18.1193 19.6193 17 21 17',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
		s.path(
			d:
				'M15.4337 10.9999C14.8684 11.9381 13.8397 12.5656 12.6645 12.5656C10.8802 12.5656 9.43375 11.1192 9.43375 9.33487C9.43375 8.15965 10.0612 7.13098 10.9995 6.56564',
			stroke: '#141B34',
			stroke_width: '1.5',
			stroke_linecap: 'round'
		)
		s.path(
			d: 'M14 8H14.009',
			stroke: '#141B34',
			stroke_width: '2',
			stroke_linecap: 'round',
			stroke_linejoin: 'round'
		)
		s.path(
			d: 'M4 19.5V5.5C4 3.567 5.567 2 7.5 2H17.5C19.433 2 21 3.567 21 5.5V17',
			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="" width="25" viewbox="0 0 25 24" fill="none">
	<path d="M21 17H6.5C5.11929 17 4 18.1193 4 19.5C4 20.8807 5.11929 22 6.5 22H21" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
	<path d="M21 22C19.6193 22 18.5 20.8807 18.5 19.5C18.5 18.1193 19.6193 17 21 17" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
	<path d="M15.4337 10.9999C14.8684 11.9381 13.8397 12.5656 12.6645 12.5656C10.8802 12.5656 9.43375 11.1192 9.43375 9.33487C9.43375 8.15965 10.0612 7.13098 10.9995 6.56564" stroke="#141B34" stroke-width="1.5" stroke-linecap="round"></path>
	<path d="M14 8H14.009" stroke="#141B34" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
	<path d="M4 19.5V5.5C4 3.567 5.567 2 7.5 2H17.5C19.433 2 21 3.567 21 5.5V17" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>